Webpack监视未更新bundle.js文件

时间:2020-07-23 12:44:21

标签: typescript webpack

使用webpack watch时,bundle.js会在我的mvc应用程序的“ wwwroot”输出目录中正确更新。文件编辑后,它会做出更改,生成控制台输出,但bundle.js不会更新。在第二次文件更改时,它停留在“正在以单独的过程开始检查...”中。删除回购并再次克隆似乎可以工作一段时间。几处文件更改后,它又可以了。

在webpack中,我正在使用babel,awesome-tzpescript-loader,extract-text-webpack-plugin和一些带有模块的样式加载器。

1 个答案:

答案 0 :(得分:0)

.js和.ts文件之间存在问题。为什么?

在项目构建中,Visual Studio将打字稿文件编译为.js和.js.map。这完全没有必要,因为webpack也可以处理打字稿文件(使用awesome-typescript-loader)。在Visual Studio Code中编辑componet .tsx文件或在tsconfig.json中禁用compileOnSave选项时,不会重新编译已编辑的ts文件,并且我的webpack正在处理不正确的.js文件。

结果,未检测到更改,bundle.js文件未更新。

解决方案是在项目构建时在Visual Studio中禁用编译打字稿文件。添加

<TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>

.csproj的PropertyGroup中。

相关问题