我有一个带有多个入口点的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']
},
Run Code Online (Sandbox Code Playgroud)
编辑:澄清一下,我的问题是:有没有一种方法可以配置webpack,以便它仅重建与更改的入口点相关的捆绑软件?例如,如果entry1是react应用程序,而entry 2是一组SASS或LESS文件,为什么对react app源文件进行更改会触发样式束的重建?
我的问题的原因是增量重建(在监视模式下)应该花费不到一秒钟的时间,而重新编译需要5秒钟以上的时间。如果我注释掉webpack配置中除正在处理的入口点之外的所有内容,那么我可以花很短的周转时间。
老实说,我希望避免对我的应用程序的每个部分都需要多个Webpack配置-也许我做错了什么,或者错过了一个插件!
| 归档时间: |
|
| 查看次数: |
533 次 |
| 最近记录: |