Grunt 实现 js、css 合并和压缩
前提条件,知道如何安装nodejs、grunt,这里不做介绍,可以自行google
实现此功能需要安装的Grunt工具有如下
grunt-contrib-concat
grunt-contrib-uglify
grunt-css
1、实现js的合并和压缩
module.exports = function(grunt) { // 配置 grunt.initConfig({ pkg : grunt.file.readJSON('package.json'), concat : { //合并文件 domop : { src: ['assets/test1.js', 'assets/test2.js'], //源文件目录 dest: 'dest/result.js' //目标文件目录,自动创建dest目录 } }, uglify : { //压缩文件 options : { banner : '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n' }, build : { src : 'dest/result.js', dest : 'dest/result.min.js' } } }); // 载入concat和uglify插件,分别对于合并和压缩 grunt.loadNpmTasks('grunt-contrib-concat'); grunt.loadNpmTasks('grunt-contrib-uglify'); // 注册任务 grunt.registerTask('default', ['concat', 'uglify']); };
2、实现css的合并和压缩
module.exports = function(grunt){ grunt.initConfig({ pkg:grunt.file.readJSON('package.json'), concat:{ css:{ src:['assets/*.css'], dest:'dest/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']);//任务 };
版权声明
由 durban创作并维护的 Gowhich博客采用创作共用保留署名-非商业-禁止演绎4.0国际许可证。
本文首发于 博客( https://www.gowhich.com ),版权所有,侵权必究。
本文永久链接: https://www.gowhich.com/blog/620
版权声明
由 durban创作并维护的 Gowhich博客采用创作共用保留署名-非商业-禁止演绎4.0国际许可证。
本文首发于 Gowhich博客( https://www.gowhich.com ),版权所有,侵权必究。
本文永久链接: https://www.gowhich.com/blog/620