Cách ngăn moment.js load locales với webpack

File locale là file .json chứa bộ dịch cho các chuỗi văn bản dùng trong template theme. Mỗi ngôn ngữ dùng một file locale riêng.

Khi bạn require moment.js trong code và bundle với webpack, kích thước bundle trở nên khổng lồ vì nó bao gồm tất cả file locale.

Bạn có thể loại bỏ tất cả file locale bằng IgnorePlugin. Ví dụ:

Ví dụ

const webpack = require('webpack');
module.exports = {
  plugins: [
    // Bỏ qua tất cả locale files của moment.js
    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
  ],
};
// Load locale cụ thể trong code
const moment = require('moment');
require('moment/locale/ja');
moment.locale('ja');

Khi bundle, webpack chỉ dùng locale file cho ja. Điều này giảm đáng kể kích thước bundle.