npm run build 打包这些玩意

npm run build 打包这些玩意

打包上传项目是必备的，会遇到一些问题

打包前要配置的东西：

1. config文件夹下的index.js 中的文件中的 assetsPublicPath ：…/改为./ 不然的话会是空白页，
2. build/util.js文件下在 ‘vue-style-loader’ 之后加一行：publicPath: …/…/ 不然的话会有图片显示不出来，字体不能正常使用

vue+element-ui样式发生了变化

main.js中的引入顺序决定了打包后css的顺序，组件内的样式没有生效可能是被第三方组件样式覆盖了，所以把第三方组件放在前面引入，router放在后面引入，就可以实现组件样式在第三方样式之后渲染。

缩小打包文件

打包后，js会生成.map文件
config文件夹下的index.js 中的文件中的productionSourceMap：true改为false，这样打包就不会出现.map文件，打包文件也会缩小。
缩也不会缩多少，webpack 其实自带有一个优化打包的方法。

npm install --save-dev compression-webpack-plugin

整完之后打包看下效果。