wiredep でCSSが読み込まれないと思ったらこれをやろう


wiredep 自動で挿入してくれるのが助かりますよね。便利ではあるものの、初心者の私には難しいことがいっぱい。

bower install bootstrap --save

Grunfile.js

module.exports = function(grunt) {

grunt.loadNpmTasks('grunt-wiredep');

grunt.initConfig({
wiredep: {
target: {
src: 'index.html' // point to your HTML file.
}
}
});
};

上記のように実行したが、BootstrapのJSは読み込まれて、CSSは読み込まれない。なぜか。

不思議。調べつつ、色々といじっていたら、bower_components/bootstrap/bower.json を発見。

"main": [
"less/bootstrap.less",
"dist/js/bootstrap.js",
"dist/css/bootstrap.min.css"
]

怪しそうなことに気づく。JSの下にCSSを追加するとうまく挿入された。
きっと、lessからコンパイルする設定をしていなかったから、less だけだとCSSが挿入されたなかったんだろう。

めでたしめでたし。