2020-05-24 webpack配置下使用Element-UI报错误:npm run build: WARNING in asset size limit: The following as...

webpack配置下使用Element-UI会报很多错,比如:

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recomm

这个其实也不算错吧,本人感觉是个警告,是因为打包文件太大的原因,资源(asset)和入口起点超过指定文件限制,解决如下:

法一
//关闭webpack的性能提示
performance: {
    hints: false
}

本人是这样去解决的,代码的意思就是关闭webpack的性能提示,也有的是一下这种解决方法,是提高文件的限制大小,从而提高一个性能提示的范围。(如下代码)

法二
 performance: {
            hints:'warning',
            //入口起点的最大体积
            maxEntrypointSize: 50000000,
            //生成文件的最大体积
            maxAssetSize: 30000000,
            //只给出 js 文件的性能提示
            assetFilter: function(assetFilename) {
                return assetFilename.endsWith('.js');
            }


-------------------------------------------------------------

法三
performance: {

  hints: "warning", // 枚举

  maxAssetSize: 300000, // 整数类型(以字节为单位)

  maxEntrypointSize: 500000, // 整数类型(以字节为单位)

  assetFilter: function(assetFilename) {
    // 提供资源文件名的断言函数
    return assetFilename.endsWith('.css') || assetFilename.endsWith('.js');
  }
}

//这个方法本人没有试过所以不知行不行,我是直接上面那种方法。

官方文档:https://www.webpackjs.com/configuration/performance/

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。