Question

我的问题很简单我已经使用bootstrap，sass，compass和jquery对yeoman（yo webapp）进行了基本安装。

我想在livereload上编译bootstrap sass文件，因为我正在使用grunt serve。目前只有main.scss文件似乎是在livereload上编译的。

有可能吗？如果，是的，请告诉我怎么做？

致以最诚挚的问候，

Answer 1

试试这样：

观看：

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"]
        }
    },
}

Answer 2

点击＆＃34;保存＆＃34;在boostrap sass文件中进行更改后，在main.scss文件中。例如，我在bootstrap sass文件中重新配置了颜色变量，其中包含变量，然后保存它，以及main.scss文件。浏览器重新加载并使一切看起来像番茄。

Grunt livereload使用yeoman编译bootstrap sass文件

2 个答案: