解决:moment.js 体积过大的问题,推荐用 date-fns 代替

不才
2019-06-20 04:40:20

<span style="color: rgb(51, 51, 51);">问题:</span>

<span style="color: rgb(51, 51, 51);">使用 Webpack 打包 moment.js 时,会将 moment.js 所有的 locale 全部打包进去。</span>

<span style="color: rgb(51, 51, 51);">解决方法 1:</span>

<span style="color: rgb(51, 51, 51);">Webpack plugins 选项配上:</span>

<span style="color: rgb(51, 51, 51);">new webpack.ContextReplacementPlugin(/moment[\\\/]locale$/, /^\.\/(zh-cn|en-gb)$/)</span>

<span style="color: rgb(51, 51, 51);">解决方法 2:</span>

<span style="color: rgb(51, 51, 51);">推荐使用 date-fns。</span>

<span style="color: rgb(51, 51, 51);">参考:</span>

https://segmentfault.com/q/1010000010575043

https://github.com/date-fns/date-fns

来源:http://www.qianduan.org/post-476.html