将文件导出到与 webpack 中的 WebpackDevServer 并行的自定义目录

Question

我已经研究了几个小时，但似乎找不到一个优雅的解决方案。

我需要构建我的应用程序的变体，它会在我更改文件和资产时重新捆绑它们，但不是将它们提供给 WebpackDevServer 进行热交换，而是将它们部署到特定目录。我需要这个来将构建集成到我的 cordova-android 工作流程中。

目前我拥有的最佳解决方案是直接从 WebpackDevServer 下载它们并保存在我需要的任何地方，但这远非优雅的解决方案。

Webpack version: "1.13.2"

Answer 1

Webpack 有一个 watch 模式，它会在文件更改时编译 bundle。你会运行:

webpack --watch

您需要做的就是在您的 webpack 配置中将输出路径设置为所需的目录：

output: {
  path: 'path/to/output/directory'
}

或者如果您不想修改您的配置，您可以使用 CLI 选项 --output-path，这样您就可以：

webpack --watch --output-path path/to/output/directory

你不需要 webpack-dev-server，但如果你仍然想并行使用它，你可以简单地运行两个进程。

Export files to custom directory parallel to WebpackDevServer in webpack