库工具 - 连接到 `webpack --watch`

Question

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

换句话说就是这样：

在后台启动webpack --watch
文件更改，webpack --watch 创建新版本
运行 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"']})
  ],
  ...
}

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

库工具 - 连接到 `webpack --watch`

Library tooling - hooking into `webpack --watch`

node.js

npm

webpack

webpack-watch