图书馆工具 - 挂钩到`webpack --watch`

Question

我有一个构建步骤（一个钩子），需要在webpack --watch完成后发生。有没有人成功挂钩到webpack - watch来确定它何时完成？

换句话说，它会这样：

1. 在后台启动webpack --watch
2. 文件更改，webpack --watch创建新版本
3. 在webpack完成重建后运行一些钩子

有没有人知道这样做的好方法？

Answer 1

我认为最简单的方法是使用webpack-shell-plugin插件。它允许您在webpack构建之前或之后运行任何shell命令。只需使用npm install --save-dev webpack-shell-plugin进行安装，然后修改webpack.config.js：

即可

const WebpackShellPlugin = require('webpack-shell-plugin');

module.exports = {
  ...
  ...
  plugins: [
    new WebpackShellPlugin({onBuildStart:['echo "Webpack Start"'], onBuildEnd:['echo "Webpack End"']})
  ],
  ...
}

查看插件文档以获取更多信息。