0

我目前的 grunt watch 命令有问题。它似乎正在运行并正在侦听更改,但并未应用它们。我需要将我的 scss 更改为 css。我对这一切都很陌生,我正在遵循他们给我的每一步,但它不起作用。有人可以看看并帮助我吗?

我决定继续并添加 browsersync 任务,并显示我的文件 css 已更改但不是真的。

这是我的 gruntfile 的代码:

module.exports = function (grunt){
    grunt.initConfig({
        sass:{
            dist:{
                files: [{
                    expand: true,
                    cwd: 'css',
                    src: ['*.scss'],
                    dest: 'css',
                    ext: '.css'
                }]
            }
        },

        watch: {
            files: ['css/*.scss'],
            task: ['css']
        },

        browserSync: {
            dev: {
                bsFiles: { //browserfiles
                    src: [
                        'css/*.css',
                        '*.html',
                        'js/*.js'
                    ]
                },
                options: {
                    watchTask: true,
                    server: {
                        baseDir: './' 
                    }
                }

            }
        },
    });

    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-browser-sync');
    grunt.registerTask('css', ['sass']);
    grunt.registerTask('default', ['browserSync', 'watch'])

};

这是我的 package.json:

"copyfiles": "^2.4.0",
"cssmin": "^0.4.3",
"grunt": "^1.3.0",
"grunt-browser-sync": "^2.2.0",
"grunt-contrib-sass": "^2.0.0",
"grunt-contrib-watch": "^1.1.0",
"htmlmin": "0.0.7",
"lite-server": "^2.5.4",
"node-sass": "^5.0.0",
"ruby": "^0.6.1",
"uglifyjs": "^2.4.11",
"usemin-cli": "^0.6.0"

正在看,但不是什么都不做。我有windows10。pd:对不起我的英语。希望有人可以在这里发光。

4

0 回答 0