vue优化项目几点操作

1，运行 cnpm run build 开始打包

2，会在项目目录下自动创建dist目录，打包好的文件都在其中

解决办法：去src/config/index.js中改一个参数：

productionSourceMap:false

把这个改为false。不然在最终打包的文件中会出现一些map文件，map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。

有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错，开发时可以加上，生产时不需要。
2、配置externals
防止将某些 import 的包(package)打包到 bundle 中，而是在运行时(runtime)再去从外部获取这些扩展依赖

module.exports = {
configureWebpack: config => {
config.externals = {
‘vue’: ‘Vue’,
‘element-ui’: ‘ELEMENT’,
‘vue-router’: ‘VueRouter’,
‘vuex’: ‘Vuex’,
‘axios’: ‘axios’
}
}
}
3、添加IE兼容
npm i --save @babel/polyfill
在main.js中添加
import ‘@babel/polyfill’;
配置babel.config.js
const plugins = [];
module.exports = {
presets: [["@vue/app",{“useBuiltIns”: “entry”}]],
plugins: plugins
};