关于webpack:webpack引入moment打包体积过大问题

5次阅读

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

moment 打包体积很大?

在我的项目架构中,引入工夫插件 moment 打包体积很大,具体是什么起因呢?

在 node_modules 外面找到 moment 文件夹,找到文件 moment.js 文件,在文件外面搜寻 loadLocale 函数

这个函数会在每次打包的时候主动引入所有语言包,导致体积过大

优化计划

在 webpack 中配置一个 IgnorePlugin 办法

let webpack = require('webpack');
module.exports = {
    ...
    plugins: [new webpack.IgnorePlugin(/\.\/locale/, /moment/), // 疏忽 moment 的语言包打包
    ]
}

这样所有的语言包都没了,咱们要再应用中文语言包,只须要手动在主文件中引入 (个别是在 index.js)

import 'moment/locale/zh-cn';
正文完
 0