npm run build 打包出错

Question

使用npm run build 打包指令，有时会出现上图的报错，有时候部分页面的部分内容不显示；而使用测试环境的指令则不会出现上述问题

Answer 1

【相关推荐】

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/973164
• 你也可以参考下这篇文章：npm run build时报错
• 除此之外, 这篇博客: npm run build 打包这些玩意中的 npm run build 打包这些玩意 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

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

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

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

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

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

  整完之后打包看下效果。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^