差不多就是这些,根据这些任务需求,需要用到: 合并文件:grunt-contrib-concat 语法检查:grunt-contrib-jshint Scss 编译:grunt-contrib-sass Grunt 的插件,当然,不需要一个个的安装,太麻烦了,我们可以: npm install --save-dev grunt-contrib-concat grunt-contrib-jshint grunt-contrib-sass /scss/style.scss' } } } }); grunt.loadNpmTasks('grunt-contrib-sass'); grunt.registerTask /global.js', }, } }); grunt.loadNpmTasks('grunt-contrib-sass'); grunt.loadNpmTasks(' /global.js'] } }); grunt.loadNpmTasks('grunt-contrib-sass'); grunt.loadNpmTasks('grunt-contrib-concat
又有WARM提示,按照提示安装即可,依次输入下列命令 npm install grunt-jst --save-dev npm install grunt-contrib-sass --save-dev
grunt-contrib-livereload --save-dev 在connect中添加:livereload:true 在watch中添加:livereload:true 编译sass npm install grunt-contrib-sass
接下来 所以接下来我打算在 Grunt 中使用「grunt-contrib-sass」和「grunt-contrib-requirejs」,这样在 php 函数都只需要引入一个入口文件,然后 sass 一旦文件被修改,可以让它触发浏览器自动刷新: "devDependencies": { "grunt": "^0.4.5", "grunt-contrib-jshint": "^0.12.0", "grunt-contrib-sass grunt-contrib-imagemin": "^1.0.0", "grunt-contrib-jshint": "^0.12.0", "grunt-contrib-requirejs": "^0.4.4", "grunt-contrib-sass
grunt-contrib-imagemin": "^2.0.1", "grunt-contrib-jshint": "^1.1.0", "grunt-contrib-less": "^1.4.1", "grunt-contrib-sass
options:{ spawn: false } } } 4)使用 grunt-contrib-sass
: { files: { 'main.css': 'main.scss' } } } }); grunt.loadNpmTasks('grunt-contrib-sass
最后,认识一下grunt一些基本的插件:合并文件:grunt-contrib-concat语法检查:grunt-contrib-jshintScss 编译:grunt-contrib-sass压缩文件:
**/*.scss', tasks: ['sass'] } } }); grunt.loadNpmTasks('grunt-contrib-sass