如何阻止 moment.js 使用 webpack 加载区域设置?


本地文件是一个 .json 文件,其中包含主题模板文件中所用文本字符串的一组翻译。每种语言都使用一个单独的本地文件。

当你在代码中加载 moment.js 并使用 webpack 将其打包时,捆绑大小会变得巨大,因为它包含了所有区域设置文件。

你可以使用 IgnorePlugin 删除所有本地文件。例如,

示例

const webpack = require('webpack');
module.exports = {
   plugins: [
      // Ignore all locale files of moment.js
      new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
   ],
};
// load specific locales in your code.
const moment = require('moment');
require('moment/locale/ja');
moment.locale('ja');

使用 webpack 打包时,它只会使用 ja 的区域设置文件。这将大大减少捆绑大小。

更新于: 2019-12-02

386 次浏览

启动您的 职业生涯

完成课程即可获得认证

开始
广告