npm run build 打包这些玩意
打包上传项目是必备的,会遇到一些问题
打包前要配置的东西:
- config文件夹下的index.js 中的文件中的 assetsPublicPath :…/改为./ 不然的话会是空白页,
- 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
整完之后打包看下效果。