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

原文在此
至此 本地npm run build已经没有warning了

但是线上依然报错

关于npm的那些配置太多了看的脑子疼 暂时放着没有理了==