首页 > 编程知识 正文

资产大小限制:以下资产超过了建议的大小限制(KiB 244号).

时间:2023-05-06 04:24:00 阅读:261004 作者:1528

vue项目打包的时候报错,如图所示

asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.

原因是因为webpack打包提示文件体积过大导致。

解决办法:
修改下打包时的配置
vue.config.js文件里面修改。没有这个文件就新建一个,跟package.json同级目录

config["performance"] = { "maxEntrypointSize": 10000000, "maxAssetSize": 30000000}

vue.config.js中我的是这样写的,可复制粘贴

module.exports = { publicPath: "./", // 输出文件目录 outputDir: process.env.outputDir, lintOnSave: false, devServer: { //启动项目在8080端口自动打开 open: true, port: 8080, proxy: null, disableHostCheck: true }, // 打包体积大报的错 configureWebpack: (config) => { if (process.env.NODE_ENV === 'production') {// 为生产环境修改配置... config.mode = 'production'; config["performance"] = {//打包文件大小配置 "maxEntrypointSize": 10000000, "maxAssetSize": 30000000 } } }}

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。