使用GruntJS构建Web程序之合并压缩篇
有如下步骤: 1.新建项目Bejs 一、新建项目Bejs 二、新建package.json package.json内容需符合JSON语法规范,如下 复制代码 代码如下: { "name": "BeJS", "version": "0.1.0", "devDependencies": { "grunt": "~0.4.0", "grunt-contrib-concat": "~0.1.1", "grunt-css": ">0.0.0" } } grunt-contrib-concat上一篇已经介绍过了,grunt-css 是这篇要使用的插件。 此时,打开命令行工具进入到项目根目录,敲如下命令: npm install
三、新建文件Gruntfile.js 源码如下 复制代码 代码如下: module.exports = function(grunt) { // 配置 grunt.initConfig({ pkg : grunt.file.readJSON('package.json'), concat : { css : { src: ['src/asset/*.css'], dest: 'dest/asset/all.css' } }, cssmin: { css: { src: 'dest/asset/all.css', dest: 'dest/asset/all-min.css' } } }); // 载入concat和css插件,分别对于合并和压缩 grunt.loadNpmTasks('grunt-contrib-concat'); grunt.loadNpmTasks('grunt-css'); // 默认任务 grunt.registerTask('default',['concat','cssmin']); }; 四、执行grunt任务 从打印信息看出成功的合并和压缩并生成了dest目录及期望的文件,这时的项目目录下多了dest,如下 至此,css合并压缩完毕。 您可能感兴趣的文章:
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |