如果你使用Vue.js框架开发前端项目并打包时,突然遇到了以下错误提示:
Error: Asset size limit exceeded...
这时候不要慌,这个错误提示是指webpack在打包时限制了文件大小,当文件大小超过一定阈值时就会出现这个错误。这个问题其实很容易解决,只需修改webpack的配置即可。
首先,找到项目根目录下的vue.config.js文件,如果不存在则需要手动创建。
module.exports = { configureWebpack: { performance: { hints: false } } }
然后在文件中添加上述代码,这段代码会关闭webpack的性能提示,包括文件大小限制。
最后,重新运行打包命令即可。
npm run build
这样,你就可以愉快地打包vue项目了!