vue——webpack设置

1、跨域代理配置

  使用 vue-cli 创建vue项目，在config配置文件夹下的index.js中，dev属性中有关于跨域代理的 proxyTable 属性，默认为空属性，

    proxyTable: {
      '/api':{
        target:'http://localhost:3000', //目标URL地址
        changeOrigin: true, //是否跨域，默认为true
        pathRewrite: {
          '^/api': '/' //重写接口,把本地URL http://localhost:8080/api 转到 http://localhost:3000 根目录下
        }
      }
    },
    host: 'localhost', 
    port: 8080, 

2、打包配置

在webpack.prod.conf.js文件中的webpackConfig找到output，添加一项 publicPath: './'

使用npm run build 生成 dist 文件夹，就可以使用浏览器打开了

3、关闭生成socurce文件

if (process.env.NODE_ENV === 'production') {
  module.exports.devtool = '#source-map'
  module.exports.plugins = (module.exports.plugins || []).concat([
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),
    new webpack.optimize.UglifyJsPlugin({
      sourceMap: false, // 默认为true
      compress: {
        warnings: false
      }
    }),
    new webpack.LoaderOptionsPlugin({
      minimize: true
    })
  ])
}