CSS的预处理框架stylus学习教程

2020-05-07 06:31:38易采站长站整理

        stylus:{   
            build: {   
                options: {   
                    linenos: false,   
                    compress: true  
                },   
                files: [{   
                    ‘css/index.css’: [‘src/index.styl’]   
                }]   
            }   
        },   
        // watch插件的配置信息   
        watch: {   
            another: {   
                files: [‘css/*’,’src/*.styl’],   
                tasks: [‘stylus’],   
                options: {   
                    livereload: 1337   
                }   
            }   
        }   
    });   
    // 告诉grunt我们将使用插件   
    grunt.loadNpmTasks(‘grunt-contrib-watch’);   
    grunt.loadNpmTasks(‘grunt-contrib-stylus’);   
    // 告诉grunt当我们在终端中输入grunt时需要做些什么   
    grunt.registerTask(‘default’, [‘watch’]);