标签：browserify watchify html javascript

我使用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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。