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

30次阅读

共计 770 个字符,预计需要花费 2 分钟才能阅读完成。

记录一下明天部署代码遇到的问题
一、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
        }
    }
},

原文在此

正文完
 0