2017-01-25 31 views
3

我使用babel-plugin-transform-html-import-to-string將html模板文件導入到我的javascript組件中。可以Watchify接受對html文件的更改嗎?

當我使用watchify時,如果html已被更改,它不會更新。只有Javascript文件的變化。故宮腳本是這樣的:

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

因爲這樣做,我用手錶代替,如下圖所示不行,但我的版本是比以前慢至少5秒鐘,當他們瞬間。

watch 'npm run browserify' src/ -d --interval=1 其中browserify腳本 browserify -t [babelify ext .js] src/index.js -o public/bundle.js

任何人都知道我可以在HTML文件的更改運行browserify不會影響快速重建?

回答

3

問題是browserify從來沒有看到對.html文件的引用,因爲babelify正在用變量和HTML字符串替換它們。

如果你想watchify觀看.html文件和重建束如果他們改變,你應該讓babelify到transpile像import some from './some.html'語句var some = require('./some.html')和應該使用browserify基於變換(如stringify)改造所需的內容:那麼

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

Browserify/watchify會看到.html文件爲包含在捆綁,並會看他們更改。

+1

這樣做了,謝謝!這裏是稍微減少的語法,我用'watchify -p browserify-hmr -t [babelify ext .js] -t [stringify ext .html] src/index.js -o public/bundle.js' – MauroPerez

+1

@MauroPerez上帝這是駕駛我堅果。 –

相關問題