WebPack打包优化

一、打包去除.map文件

需要在vue.config.js增加属性productionSourceMap：false,

例如：

module.exports = {
    publicPath:"/pc/",
    productionSourceMap:false,
}

二、引用csdn固定vue文件路径

cdn方式引入外部的js库，链接：https://www.bootcdn.cn/

1. 在vue.config.js里面配置忽略打包文件

chainWebpack(config) {
    config.externals({
      'vue': 'Vue',
      'vuex': 'Vuex',
      'axios': 'axios',
      'element-ui': 'ELEMENT',
      'echarts': 'echarts',
      'XLSX': 'XLSX'
    })
  }

2.在html内部配置固定的csdn路径

 三、删除项目中的console.log打印信息

npm install uglifyjs-webpack-plugin --save-dev

configureWebpack: (config) => {
        config.optimization.minimizer[0].options.terserOptions.compress.warnings = false;
		config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true;
		config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = true;
		config.optimization.minimizer[0].options.terserOpt