vue開發和打包的相關配置

vue+webpack開發和打包的配置

• config的index.js 中dev配置代碼段如下，其中‘/request’爲代理字符串：

  proxyTable: {
      '/request':{
        target:"http://XXX後臺數據地址",
        changeOrigin:true,//允許跨域
        pathRewrite:{
          '^/request':''
        }
      }
    },

• config的index.js 中build配置代碼如下，打包後就不會出現空白的問題：

assetsPublicPath: './',

• build路勁下的utils.js中，添加publicPath屬性解決樣式背景圖片路徑問題

  if (options.extract) {
    return ExtractTextPlugin.extract({
      use: loaders,
      publicPath:'../../',
      fallback: 'vue-style-loader'
    })
  } else {
    return ['vue-style-loader'].concat(loaders)
  }
  }

• build路勁下的utils.js中，全局引入sass文件（使用css則不需要改變原來配置）

  scss: generateLoaders('sass').concat(
    //添加全局引入sass文件
    {
      loader: 'sass-resources-loader',
      options: {
        resources: [
          path.resolve(__dirname, '../src/assets/scss/index.scss'),
          path.resolve(__dirname, '../src/assets/scss/mixin.scss')
        ]
      }
    }
  ),

• build路勁下的webpack.base.conf.js中 （index.html文件中有,引入外部js文件設置時需配置）

 {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'),resolve('./static/mui.min.js')]
        //如：resolve('./static/mui.min.js')
      },