我有一个带有多个入口点的webpack配置,因此我可以编译大型网站的不同部分。入口点之间没有任何共同依赖关系(除了它们共享与同一解决方案中相同的node_modules目录)。
我是否应该期望输入点中包含的某个文件发生更改以触发所有内容的完全重建?例如。修改entry1中的文件会触发要重新编译的条目2/3/4/5的文件。
此外,对其中一个入口点文件中的.scss文件的更改也会触发所有要重新编译的javascript文件(例如,该站点的一部分包含React应用程序)。
entry: {
entry1: ['./assets/build/entry1.js'],
entry2: ['./assets/build/entry2.js'],
entry3: ['./assets/build/entry3.js'],
entry4: ['./assets/build/entry4.js'],
entry5: ['./assets/build/entry5.js']
},
编辑:为了澄清,我的问题是:有没有办法配置webpack,以便它只重建与更改的入口点相关的捆绑包?例如。如果entry1是一个反应应用程序,而条目2是一组SASS或LESS文件,为什么对react应用程序源文件的更改会触发样式包的重建?
我的问题的原因是增量重建(在监视模式下),花费不到一秒的时间需要5秒以上才能重新编译。如果我在webpack配置中注释掉除了我正在处理的入口点之外的所有内容,我可以开始这个短暂的周转时间。
我希望避免为我的应用程序的每个部分提供多个webpack配置,说实话 - 也许我做错了什么或错过了插件!