Webpack构建中移除未使用的Moment.js Locales

Moment.js 的语言包体积比较大,多项目其实只用到一两种语言环境。用 Webpack 构建时,顺手带上moment-locales-webpack-plugin这个插件,能帮你把没用到的 locales 都干掉,挺省事的。安装也简单,用npm或者yarn装上就行。

Webpack 配置里加一行:new MomentLocalesPlugin(),构建的时候它会自动识别你项目里用到的 locale,剩下的都不打包。像英文、中文这些常用的 locale 保留就够用了,其他一堆看都没见过的直接砍掉,包小多了。

你也可以手动引入特定的语言环境,比如用moment-with-locales.min.jsmoment.locale(['en', 'zh-cn'])这样指定,挺灵活的。项目大了之后,这种小优化能省下不少加载时间。

如果你在用Webpack打包项目,尤其是前端应用比较重的那种,推荐你试试看这个插件。好上手,效果也。还有其他相关优化文章你也可以看看,思路差不多,互相补充。

zip
使用webpack构建时可轻松删除未使用的Momentjs语言环境locales.zip 预估大小:12个文件
folder
iamakulov-moment-locales-webpack-plugin-6e00f29 文件夹
file
.npmignore 4B
file
.travis.yml 549B
folder
test 文件夹
file
syntax.js 490B
folder
fixtures 文件夹
file
index.js 51B
file
test.js 3KB
file
utils.js 1KB
file
.prettierrc 119B
file
README.md 2KB
file
.gitignore 12B
file
index.js 3KB
file
package-lock.json 338KB
file
package.json 746B
zip 文件大小:63.78KB