HardSourceWebpackPlugin の使い方 [Webpacker]

HardSourceWebpackPlugin

参考：

mzgoddard/hard-source-webpack-plugin – GitHub

パフォーマンス

参考：

hard-source-webpack-pluginを使ってみた – Qiita

使い方

const HardSourceWebpackPlugin = require('hard-source-webpack-plugin');

environment.plugins.prepend(
  'HardSourceWebpackPlugin',
  new HardSourceWebpackPlugin(),
);

参考：

bundle exec webpack is so slow · Issue #1160 · rails/webpacker – GitHub

キャッシュの場所

node_modules/.cache/hard-source

参考：

webpackのビルドを10倍高速化するプラグインの紹介 – Qiita

エラー

参考：

Trigger hard-source error after syntax error · Issue #423 · mzgoddard/hard-source-webpack-plugin – GitHub

Unexpected Token エラー (undefined が挿入される)

プルリクエスト #444 (3ba3049) で解決

参考：

Webpack 4.19.1: undefinedresolvePathname is not defined (but 4.19.0 works!) · Issue #8052 · webpack/webpack – GitHub

incompatible with webpack 4.19.1 · Issue #443 · mzgoddard/hard-source-webpack-plugin – GitHub

Fixes issue #443 by adding prefix to the HarmonyExportExpression model. by chronweigle · Pull Request #444 · mzgoddard/hard-source-webpack-plugin – GitHub