使用webpack watch为Universal App运行自定义命令

Run custom command with webpack watch for Universal App

本文关键字:运行 自定义 命令 App Universal webpack watch 使用      更新时间:2023-09-26

我正在使用webpack作为构建系统的通用web应用程序中工作。目录结构如下:

|-server/
|-- index.js   # Server Side Rendering
|-client/
|-- index.js   # Client Side Rendering 
|-common
|-- SomeReactComponent.js #Imports things like .css files

我有一个webpack.config.js:

export default [{
  //config for server
  target: 'node'
},
{
  //config for client
  target: 'web'
}];

在dev中,我想在watch mode中运行webpack

我的脚本:

webpack --watch & node ./build/server

问题是:

  • 在构建完成之前启动节点
  • 如何重新启动节点,每次webpack重建?

如果有办法告诉webpack一个命令在构建后执行。(?)

也许我错过了什么。我承认我是javascript的新手。我知道构建系统是Universal Apps的主要挑战之一。

我建议使用像https://www.npmjs.com/package/nodemon这样的热加载器在js文件发生变化时重新启动节点