npm scriptを利用してタスクを書いてます。
タイトル通りなのですがbrowserifyによるbabelifyが重すぎるのでwatchifyを導入しました。
10秒以上かかっていたトランスパイルの処理が0.1秒の速度になり、とても満足しています。
しかし、同時にbrowserify-cssも利用していたので、監視ツールがwatchifyに変わったことによってsassがトランスパイルされなくなってしまいました。
babelifyされる前にsassをトランスパイルしたいと思っているのですがどうすれば良いのでしょうか。
現在のシェルスクリプトは以下になります。
watchifyが反応した時に先に$(npm bin)/node-sass ./src/main.scss > ./src/bundle.css
できることが理想なのですがどうすれば良いのでしょうか。
また、scssが更新された時にsassのトランスパイル後にwatchifyを発動させたいのですが、どうすれば良いのでしょうか。
bash
1$(npm bin)/watchify ./src/main.js -o ./public/bundle.js -v -t browserify-css -t [ babelify --presets [ es2015 ] ]
bash
1$(npm bin)/chokidar './src/*.scss' -c '$(npm bin)/node-sass ./src/main.scss > ./src/bundle.css'
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。