gurnt js css 压缩合并
2015-10-07 16:38
621 查看
package.json 文件
运行:npm install
Gruntfile.js
运行grunt
demo:
下载
{ "name":"my-project-name", "version":"0.0.1", "devDependencies":{ "grunt":"^0.4.5", "grunt-contrib-concat":"^0.5.0", "grunt-contrib-cssmin":"^0.12.0", "grunt-contrib-uglify":"^0.7.0" } }
运行:npm install
Gruntfile.js
module.exports = function(grunt) { // Project configuration. grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), uglify: { options: { banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n' }, build: { src: 'src/jquery.js', dest: 'build/jquery.min.js' } }, cssmin: { options: { banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n' }, build: { src: 'src/bootstrap.css', dest: 'build/bootstrap.min.css' } }, concat: { options: { banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n' }, dist: { src: ['src/a.js', 'src/b.js'], dest: 'build/c.js' } } }); // Load the plugin that provides the "uglify" task. grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.loadNpmTasks('grunt-contrib-concat'); // Default task(s) grunt.registerTask('default', ['uglify','cssmin','concat']); };
运行grunt
demo:
下载
相关文章推荐
- css position 应用(absolute和relative用法)
- 行内脚本的位置放置----css阻塞行内脚本
- 纯CSS3实现常见多种相册效果
- CSS里面的长度单位px/pt/em/in/pc/mm/cm解释
- 纯CSS3实现常见多种相册效果
- CSS
- ProgressBar自定义样式
- 批量下载css文件中的图片
- box-sizing 属性
- 我的Web学习之路3——去掉点击超链接时的虚线边框
- DIV CSS布局中绝对定位和浮动用法
- css3 多行文本 溢出 省略号
- css多个class时的选择器用法
- CSS3学习笔记(2)—左右跳动的红心
- CSS选择器的阅读方式
- CSS3学习笔记(1)—淡入的文字
- Css3盒子模型-css学习之旅(5)
- Css3盒子模型-css学习之旅(5)
- Css3盒子模型-css学习之旅(5)
- Css3盒子模型-css学习之旅(5)