Webpack构建中移除未使用的Moment.js Locales
Moment.js 的语言包体积比较大,多项目其实只用到一两种语言环境。用 Webpack 构建时,顺手带上moment-locales-webpack-plugin这个插件,能帮你把没用到的 locales 都干掉,挺省事的。安装也简单,用npm
或者yarn
装上就行。
Webpack 配置里加一行:new MomentLocalesPlugin()
,构建的时候它会自动识别你项目里用到的 locale,剩下的都不打包。像英文、中文这些常用的 locale 保留就够用了,其他一堆看都没见过的直接砍掉,包小多了。
你也可以手动引入特定的语言环境,比如用moment-with-locales.min.js
,moment.locale(['en', 'zh-cn'])
这样指定,挺灵活的。项目大了之后,这种小优化能省下不少加载时间。
如果你在用Webpack打包项目,尤其是前端应用比较重的那种,推荐你试试看这个插件。好上手,效果也。还有其他相关优化文章你也可以看看,思路差不多,互相补充。
使用webpack构建时可轻松删除未使用的Momentjs语言环境locales.zip
预估大小:12个文件
iamakulov-moment-locales-webpack-plugin-6e00f29
文件夹
.npmignore
4B
.travis.yml
549B
test
文件夹
syntax.js
490B
fixtures
文件夹
index.js
51B
test.js
3KB
utils.js
1KB
.prettierrc
119B
63.78KB
文件大小:
评论区