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')
      },