開発に便利なプラグイン (plugins) [Webpack]

開発に便利なプラグイン (plugins)

DefinePlugin

参考：

DefinePlugin | Webpack [Official]

Setting a config value in webpack config and access it from react component – Stack Overflow

EnvironmentPlugin

参考：

EnvironmentPlugin | Webpack [Official]

webpack の EnvironmentPlugin で十分だった – Qiita

dotenv-webpack

参考：

mrsteele/dotenv-webpack: A secure webpack plugin that supports dotenv and other environment variables and only exposes what you choose and use – GitHub

dotenv-webpack – npm

BannerPlugin

参考：

BannerPlugin | Webpack [Official]

How can I install the BannerPlugin Webpack plugin using npm? – Stack Overflow

html-webpack-banner-plugin

参考：

html-webpack-banner-plugin – npm

Cap32/html-webpack-banner-plugin: Adds a banner to the top of generated html – GitHub

git-revision-webpack-plugin

参考：

pirelenito/git-revision-webpack-plugin: Webpack plugin that generates VERSION and COMMITHASH files during build – GitHub

git-revision-webpack-plugin – npm

case-sensitive-paths-webpack-plugin

参考：

Urthen/case-sensitive-paths-webpack-plugin: Enforces case sensitive paths in Webpack requires – GitHub

webpack: fine on MacOS, loader errors on linux – Stack Overflow

case-sensitive-paths-webpack-plugin – npm

friendly-errors-webpack-plugin

参考：

geowarin/friendly-errors-webpack-plugin: Recognizes certain classes of webpack errors and cleans, aggregates and prioritizes them to provide a better Developer Experience – GitHub

friendly-errors-webpack-plugin – npm

stats-webpack-plugin

参考：

unindented/stats-webpack-plugin: Write the stats of a build to a file – GitHub

stats-webpack-plugin – npm

copy-webpack-plugin

参考：

CopyWebpackPlugin | Webpack [Official]

webpack-contrib/copy-webpack-plugin: Copy files and directories with webpack – GitHub

clean-webpack-plugin

参考：

johnagan/clean-webpack-plugin: A webpack plugin to remove your build folder(s) before building – GitHub

Tidying Up | SurviveJS

CleanWebpackPlugin not letting me rebuild – Stack Overflow

no-emit-webpack-plugin

参考：

xipasduarte/no-emit-webpack-plugin: Stop an asset from being emitted by the webpack compiler – GitHub

no-emit-webpack-plugin – npm

on-build-webpack

参考：

kossnocorp/on-build-webpack: Webpack plugin that gives ability to add callback after build – GitHub

on-build-webpack – npm

webpack-shell-plugin

参考：

1337programming/webpack-shell-plugin: Run shell commands either before or after webpack builds – GitHub

webpack-shell-plugin – npm

WebPack execute function before build starts – Stack Overflow

event-hooks-webpack-plugin

参考：

cascornelissen/event-hooks-webpack-plugin: Event hooks plugin for Webpack – GitHub

event-hooks-webpack-plugin – npm

extend-webpack-plugin

参考：

guilhermebruzzi/extend-webpack-plugin: A simple helper to extend another webpack plugin’s functionality – GitHub

extend-webpack-plugin – npm

file-webpack-plugin

参考：

lcxfs1991/file-webpack-plugin: offer extra file capacity for webpack – GitHub

file-webpack-plugin – npm

webpack-emit-all-plugin

参考：

DrewML/webpack-emit-all-plugin: webpack, but without the `pack` – GitHub

wipeWebpackCache

参考：

theKashey/wipeWebpackCache – GitHub

wipe-webpack-cache – npm

ProgressPlugin

参考：

ProgressPlugin | Webpack [Official]

Webpack progress using node.js API – Stack Overflow

progress-bar-webpack-plugin

参考：

progress-bar-webpack-plugin – npm

clessg/progress-bar-webpack-plugin: A progress bar plugin for Webpack – GitHub

まとめ

参考：

webpack初級者から中級者にステップアップするために理解しておきたいプラグインまとめ – Qiita

Top Webpack plugins for faster development – codeburst

Making Webpack Less Painful To Use – GeekyAnts Blog

internal webpack plugins · webpack/docs Wiki – GitHub

list of plugins · webpack/docs Wiki – GitHub

Plugins | Webpack [Official]