javascript-Watchify可以获取对html文件的更改吗？

我使用babel-plugin-transform-html-import-to-string将html模板文件导入到我的javascript组件中.

当我使用watchify时,如果更改了html,它不会更新.仅Javascript文件更改. npm脚本如下所示：

watchify -p browserify-hmr -t [babelify ext .js .html] src / index.js -o public / bundle.js

由于这不起作用,所以我改为使用watch,如下所示,但是我的构建比即时构建的速度至少慢了5秒.

观看’npm run browserify’src / -d –interval = 1
browserify脚本在哪里
browserify -t [babelify ext .js] src / index.js -o public / bundle.js

有人知道我如何在不牺牲快速重建的情况下对html文件更改运行browserify吗？

解决方法:

问题在于,由于babelify用变量和HTML字符串替换了它们,因此browserify从未看到对.html文件的引用.

如果您希望watchify监视.html文件并在它们更改时重建捆绑,则应允许babelify转换语句,例如将某些内容从’./some.html’导入到var some = require(‘./ some.html’ ),并应使用基于浏览器的转换(如stringify)来转换所需的内容：

watchify \
  -p browserify-hmr \
  -t [babelify ext .js] \
  -t [stringify ext .html] \
  src/index.js -o public/bundle.js

然后,Browserify / watchify将看到捆绑包中包含的.html文件,并将监视它们的更改.

标签：browserify,watchify,html,javascript
来源： https://codeday.me/bug/20191111/2022383.html