Skip to content
Permalink
Browse files

[+]: use "libsass" & "CSSWring"

  • Loading branch information
voku committed Nov 2, 2014
1 parent 1da333d commit f04e24a3d274f6e64c5db5a368a77d09e6b15f65
Showing with 238 additions and 166 deletions.
  1. +105 −16 Gruntfile.js
  2. +4 −0 css-min/extra-styles.css
  3. +1 −0 css-min/extra-styles.css.map
  4. +117 −138 css/extra-styles.css
  5. +1 −7 css/extra-styles.css.map
  6. +2 −2 index.html
  7. +8 −3 package.json
@@ -1,48 +1,137 @@
/**
* # Grunt
* A task manager for auto compiling and validating code
*
* ## Set up
* Make sure the you have nodejs running on your machine
* Install Grunt with npm `npm install -g grunt-cli`
* Install Grunt packages `npm install`
*
* ## Config
* The configuration settings are found in `package.json`.
*
* ## Running
* You can type `grunt <command>` to run any of rules in the `initConfig` function
* e.g. `grunt compass` to compile the scss files to css
*
* You can also run a sub-task by adding `:<subtask>`
* e.g. `grunt uglify:js` to compile to javaScript header file
*
* ## Helper Commands
* There are a number of helper command at the end of the file
* - default (`grunt`) will watch the folder and compile when files are saved
*/

// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'

module.exports = function(grunt) {
'use strict';

// require it at the top and pass in the grunt instance
require('time-grunt')(grunt);

grunt.initConfig({
sass: {

pkg: grunt.file.readJSON('package.json'),

meta: {
banner: '<%= pkg.name %> by <%= pkg.author %> (<%= grunt.template.today("yyyy-mm-dd, HH:MM") %>)',
bannerJS:
'/*\n' +
' * <%= meta.banner %>\n' +
' */'
},

clean: {
build: ["js-min/*", "css/*", "css-min/*"]
},

libsass: {
dist: {
options: {
style: 'expanded'
//loadPath: ['vendor/bower/bootstrap-sass/lib'],
sourcemap: true
},
files: [{
expand: true,
cwd: 'scss',
src: ['extra-styles.scss'],
dest: 'css',
cwd: 'scss/',
src: ['**/extra-styles.scss'],
dest: 'css/',
ext: '.css'
}]
}
},

autoprefixer: {
options: {
browsers: ['last 999 version']
browsers: ['last 100 version'],
map: true
},
multiple_files: {
expand: true,
flatten: true,
src: 'css/*.css',
dest: 'css/'
}
},

csswring: {
options: {
banner: '<%= meta.banner %>\n',
map: true,
preserveHacks: true
},
no_dest: {
src: 'css/extra-style.css'
minify: {
expand: true,
flatten: true,
src: ['css/*.css'],
dest: 'css-min/'
}
},

watch: {

html: {
files: ['*.html'],
options: {
livereload: true
}
},

sass: {
files: ['scss/extra-styles.scss'],
tasks: ['sass','autoprefixer'],
files: ['scss/**/*.scss'],
tasks: ['libsass:dist', 'autoprefixer', 'csswring:minify'],
options: {
spawn: false
livereload: true,
spawn : false // for grunt-contrib-watch v0.5.0+, "nospawn: true" for lower versions.
}
}

},

serve: {
options: {
port: 9000
}
}

});

grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-autoprefixer');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-serve');
// load all plugins from the "package.json"-file
require("matchdep").filterDev("grunt-*").forEach(grunt.loadNpmTasks);

grunt.registerTask('default', ['watch']);
grunt.registerTask('server', ['serve']);
grunt.registerTask('clean-build', ['clean:build']);

grunt.registerTask(
'build',
'Build this website ... yeaahhh!',
[ 'clean:build', 'libsass:dist', 'autoprefixer', 'csswring:minify', 'serve']
);

grunt.registerTask('default', ['sass','autoprefixer', 'serve']);
};

Some generated files are not rendered by default. Learn more.

Some generated files are not rendered by default. Learn more.

0 comments on commit f04e24a

Please sign in to comment.