webpack打包优化忽略moment的语言包

new webpack.IgnorePlugin({
      resourceRegExp: /^\.\/locale$/,
      contextRegExp: /moment$/,
    }),

对于做了国际化处理的第三方包,会包含很多的语言包,而这些语言包对项目帮助不大(排除国际化项目),只会增大打包后包的体积,所以需要优化;
就处理时间的包moment而言,我们完全可以忽略掉这些语言包,从而提高构建效率,减小包的体积。

  • resourceRegExp 表示要忽略的路径。
  • contextRegExp 表示要忽略的文件夹目录。
    //这样也行
    new
    webpack.IgnorePlugin(/./locale/, /moment/)

     

这时候moment使用默认语言英语,如果要使用中文,可以手动引入需要使用的语言包,如下:

import moment from 'moment'

//手动引入所需要的语言包
import 'moment/locale/zh-cn'

moment.locale('zh-cn')

 

posted @ 2025-01-07 15:24  你风致  阅读(118)  评论(0)    收藏  举报