关于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
        }
    }
},

原文在此