grunt + compass

compass和sass文章列表：http://182.92.240.72/tag/compass/

compass实战grunt：

http://wrox.cn/article/2000491/

http://ju.outofmemory.cn/entry/73492

http://ju.outofmemory.cn/entry/75413

compass-demo/Gruntfile.js: https://github.com/minghe/compass-demo/blob/master/Gruntfile.js#L38

module.exports = function (grunt) {grunt.initConfig({// 指定打包目录buildBase: 'build',//源码目录srcBase: 'src',clean: {build: ['<%=buildBase %>']},copy: {all: {files: [{expand: true,cwd: '<%= srcBase %>',src: ['**/*.css'],dest: '<%=buildBase %>'}]}},compass: {dist: {options: {sassDir: '<%= srcBase %>',specify: '<%= srcBase %>/index.sass',cssDir : '<%= srcBase %>',assetCacheBuster: false}},sprite: {options: {sassDir: '<%= srcBase %>',specify: '<%= srcBase %>/sprite.sass',cssDir : '<%= srcBase %>',imagesDir: "<%= srcBase %>/images",httpPath:"http://www.36ria.com/css",assetCacheBuster: false}},spriteX2: {options: {sassDir: '<%= srcBase %>',specify: '<%= srcBase %>/sprite-x2.sass',cssDir : '<%= srcBase %>',imagesDir: "<%= srcBase %>/images",assetCacheBuster: false}}},cssmin: {build: {expand: true,cwd: '<%=buildBase %>',src: ['**/*.css', '!**/*-min.css'],dest: '<%=buildBase %>',ext: '-min.css'}},watch: {options: {livereload: true},compass: {files: ['<%= srcBase %>/**/*.sass'],tasks: ['compass']}}});/*** 载入使用到的通过NPM安装的模块*/grunt.loadNpmTasks('grunt-contrib-clean');grunt.loadNpmTasks('grunt-contrib-copy');grunt.loadNpmTasks('grunt-contrib-cssmin');grunt.loadNpmTasks('grunt-contrib-watch');grunt.loadNpmTasks('grunt-contrib-compass');grunt.registerTask('default', ['clean','compass','copy:all','cssmin:build']);grunt.registerTask('dev', ['watch']);grunt.registerTask('sprite', ['compass:spriteX2']);};

转载于:https://www.cnblogs.com/ayseeing/p/4435296.html

grunt + compass相关推荐

【AngularJs学习笔记三】Grunt任务管理器
为什么80%的码农都做不了架构师?>>> #0 系列目录# AngularJs学习笔记 [AngularJs学习笔记一]Bower解决js的依赖管理 [AngularJs学习笔 ...
animate.ccss_引入CCSS（组件CSS）
animate.ccss CCSS, or Component CSS, is an architecture that simplifies the CSS authoring experience ...
使用Grunt构建任务管理脚本（转）
Grunt是构建Web开发的一个系统,但它创建比较困难.在这个指南中,你将学会如何配置Grunt创建一个现代的Web项目.当你完成教程中的配置之后,你的Gruntfile将具有: 从源目录中向目标目录 ...
Grunt上手指南(转)
Grunt , javascript 我想先花点时间回忆一下作为一个前端需要做的工作(Loading...) JS合并 JS压缩 CSS压缩 CSS Sprite 图片优化测试静态资源缓存(版本 ...
（绝对官方好用，快速上手）针对grunt之前写的那篇有些乱，这次总结个清晰的...
安装 Grunt基于Node.js,安装之前要先安装Node.js,然后运行下面的命令. sudo npm install grunt-cli -g grunt-cli表示安装的是grunt的命令行界 ...
Grunt 单独对css压缩并生成min.css文件
1.安装node.js 2.新建package.json文件 {"name": "demo","version": "2.0.1& ...
yeomen/bower/grunt
yeomen: npm install yo angular-in-action project npm install -g generator-angular npm install -g gen ...
compass安装使用960 Grid System
960 Grid System 是一个CSS的页面布局框架 demo: http://960.gs/demo.html 前提:安装Ruby .NodeJS 步骤1:在命令行下安装css插件: gem ...
Compass(更新中。。。)
compass Compass是Sass的工具库,就好像jQuery是js的库一样. sass有了compass的配合,就会更加事半功倍. Sass本身只是一个编译器,Compass在它的基础上,封装 ...

grunt + compass

grunt + compass相关推荐

最新文章

热门文章