0

私の質問は簡単ですyo webapp。ブートストラップ、sass、コンパス、および jquery を使用して、yeoman () の基本的なインストールを行いました。

を使用しているので、livereload でブートストラップ sass ファイルをコンパイルしたいと思いますgrunt serve。現在、main.scss ファイルのみが livereload でコンパイルされているようです。

出来ますか ？はいの場合、方法を教えてください。

よろしくお願いします、

4

2 に答える 2

2

このようにしてみてください：

時計：

watch: {
    livereload: {
        files: [
            '<%= yeoman.app %>/*.html',
            '{.tmp,<%= yeoman.app %>}/styles/{,*/}*.css',
            '{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.js',
            '<%= yeoman.app %>/img/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
        ],
        tasks: ['livereload']
    },

    sass: {
        files: "<%= yeoman.app %>/sass/{,**/}*.sass",
        tasks: ["sass:tmp"]
    }
}

サス:

sass: {
    tmp: {
        files: {
            "<%= yeoman.tmp %>/styles/index.css": "app/sass/index.sass",
        },
        options: {
            paths: ["app/sass"]
        }
    },
}
于 2014-02-07T14:01:57.383 に答える
0

Boostrap sass ファイルに変更を加えた後、main.scss ファイルで「保存」をクリックするだけです。たとえば、変数を含むブートストラップ sass ファイルで色変数を再構成し、それを main.scss ファイルと同様に保存しました。ブラウザがリロードされ、すべてがトマトのように見えました.

于 2015-06-10T14:30:31.060 に答える