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

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';