关于vue.js:vue项目打包时候遇到的警告需要优化

记录一下明天部署代码遇到的问题
一、npm run build时候提醒谬误如下图:

翻译如下:

说是依赖关系不对等和兼容问题,这时候共事让我删掉packege-lock.json,删除后呈现了新的warning,相似下图(我本人的报错步骤被我cls了):

翻译一下就是可选的跳过可选的依赖:fsevents@2.1.2,其实这个包是能够选择性装置的
被装置的起因就是:这个包是mac上能够抉择的依赖,然而你应用了window的电脑,也装置了,能够看看你的package.json文件中是不是fsevents的相干依赖,删除就好;其实这个正告是因为mac须要这个包,然而你是在windows环境下,能够疏忽这个正告,如果你是强迫症能够应用以下方法,不装置这个包

解决办法:

1、第一步:在package.json中增加这个对象

"optionalDependencies": {
   "fsevents": "*"
 }

2、第二步:删除原来装置的包和生成的package-lock.json文件
3、第三步:从新执行装置命令

`npm install --no-optional`

原文在此
二、npm run build时候提醒谬误如下图:

翻译意思是:资产规模限度:以下资产超过倡议的规模限度(244千磅)。这可能会影响web性能。
就是打包进去的js体积超标了

解决办法:

在vue.config.js减少配置:

configureWebpack: config => {
    // 为生产环境批改配置...
    if (process.env.NODE_ENV === 'production') {
        config.mode = 'production';
        // 打包文件大小配置
        config.performance = {
          maxEntrypointSize: 10000000,
          maxAssetSize: 30000000
        }
    }
},

原文在此

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理