node.js - 库工具 - 连接到 `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"']})
  ],
  ...
}

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