moment.js打包过大可以先把内部的语言包忽略

原创已于 2022-06-24 20:35:19 修改 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js

于 2021-02-15 16:10:53 首次发布

总结专栏收录该内容

51 篇文章

订阅专栏

该博客介绍了如何在Webpack配置中忽略Moment.js的本地语言包，以减小应用体积。通过使用IgnorePlugin和noParse规则，可以避免加载不必要的语言资源。同时，需要在代码中手动导入所需的'zh-cn'语言包，并设置locale为'zh-cn'。尽管如此，format后的日期可能仍显示为英文，此时可借助'moment-locales-webpack-plugin'来保留所需的语言包。

建议直接使用dayjs
1.ignorePlugin把内部的语言包忽略
plugins: [
// 忽略 moment.js的所有本地语言包文件
new webpack.IgnorePlugin(/^./locale $/, / m o m e n t$ /),
],
module:{
noParse: /moment/ 不去解析moment中的依赖库
}
new webpack.IgnorePlugin({
resourceRegExp: /^./locale $/, c o n t e x t R e g E x p : / m o m e n t$ /
})
2.忽略之后要在自己的要使用moment的文件中添加中文包
import moment from ‘moment’
//手动引入所需要的语言包
import ‘moment/locale/zh-cn’;
// 指定使用的语言
moment.locale(‘zh-cn’);
3.虽然设置了moment.locale(‘zh-cn’); 但是format之后的日期仍然是英文的，所以moment.js中提供了解决方案 moment-locales-webpack-plugin
new MomentLocalesPlugin({
localesToKeep: [‘zh-cn’],
})