有没有办法在 webpack 上运行 watch 并按顺序运行 grunt答案

【问题标题】：Is there a way to run watch on webpack and grunt running in a sequence有没有办法在 webpack 上运行 watch 并按顺序运行 grunt
【发布时间】：2024-11-29 14:15:01
【问题描述】：

我正在按顺序运行 webpack 和 grunt。 Weback 编译我的 JavaScript 代码，然后 grunt 将该代码部署到本地 apache 服务器。这是我的 npm 脚本：

package.json:

...
"scripts": {
  "build": "webpack && grunt"
}

我有一个需要同时运行 watch 的场景。有没有办法做到这一点？

我已经尝试将grunt-webpack 用于 webpack，但不幸的是它无法与我的webpack.config 一起正常工作。

【问题讨论】：

标签： webpack gruntjs watch grunt-contrib-watch

【解决方案1】：

使用webpack-shell-plugin:

plugins: [
  new WebpackShellPlugin({
    onBuildEnd: ['gulp']
  })
]

【讨论】：

这并没有解决我的问题。我需要在运行 grunt 之前先完成我的 webpack 构建，因为 grunt 会部署 webpack 生成的代码。
@SachinSingh 使用webpack-shell-plugin。
Webpack shell 插件也对我没有帮助，因为 webpack watch 不能使用干净的 webpack 插件，但是在 grunt 中使用 shell 插件的想法对我有用。谢谢！