淘先锋技术网

首页 1 2 3 4 5 6 7

如果你使用Vue.js框架开发前端项目并打包时,突然遇到了以下错误提示:


Error: Asset size limit exceeded...

vue打包错误

这时候不要慌,这个错误提示是指webpack在打包时限制了文件大小,当文件大小超过一定阈值时就会出现这个错误。这个问题其实很容易解决,只需修改webpack的配置即可。

首先,找到项目根目录下的vue.config.js文件,如果不存在则需要手动创建。


module.exports = {
  configureWebpack: {
    performance: {
      hints: false
    }
  }
}

然后在文件中添加上述代码,这段代码会关闭webpack的性能提示,包括文件大小限制。

最后,重新运行打包命令即可。


npm run build

这样,你就可以愉快地打包vue项目了!