如何阻止 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 次瀏覽

啟動您的 職業生涯

完成課程即可獲得認證

開始
廣告