//npm 包管理器
{
"name": "2016-12-16-grunt",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"grunt": "^1.0.1",
"grunt-contrib-cssmin": "^1.0.2",
"grunt-contrib-uglify": "^2.0.0"
}
}
//gruntfile.js配置信息
module.exports = function(grunt){
// 项目配置
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
uglify: {
options: {
banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n',//添加banner
beautify: {
//中文ascii化,非常有用!防止中文乱码的神配置
ascii_only: true
}
},
buildall: {//按原文件结构压缩js文件夹内所有JS文件
files: [{
expand:true,
cwd:'origin_js',//js目录下
src:'**/*.js',//所有js文件
dest: 'js'//输出到此目录下
}]
}
},
cssmin: {
//文件头部输出信息
options: {
banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n',
//美化代码
beautify: {
//中文ascii化,非常有用!防止中文乱码的神配置
ascii_only: true
}
},
my_target: {
files: [
{
expand: true,
//相对路径
cwd: 'origin_stylesheets/',
src: '**/*.css',
dest: 'stylesheets'
}
]
}
}
});
// 加载提供"uglify"任务的插件
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-cssmin');
// 默认任务
grunt.registerTask('default', ['uglify', 'cssmin']);
// grunt.registerTask('default', ['uglify:buildall','cssmin']);
// grunt.registerTask('minall', ['uglify:buildalls','cssmin']);
}
相关推荐
grunt压缩、合并js/css
如何将多个js文件合并压缩为一个js文件为什么要合并、压缩你的JS文件?在开始之前,先重申一下这个问题。因为经常在帮忙改东西的时候看到HTML页面上引用了N个JS,而通常看到这个就知道这人JS写得有多糟糕了。HTML里...
利用Nodejs编写的grunt压缩程序,可压缩图片、css、js
此课程讲解grunt 实现对JS和CSS文件内容进行压缩处理。 Grunt 是一种自动化任务处理工具,它就是一个工具框架,有很多插件扩展它的功能。一般用于: ① 压缩文件 ② 合并文件 ③ 简单语法检查
3、grunt的初步了解 本文已假定读者已经熟悉以上知识。 好,我们继续: 任务1:将src目录下的所有zepto及插件合并,并压缩。 --src/ ajax.js assets.js callbacks.js data.js deferred.js detect.js event....
利用grunt合并、压缩js、css文件,简单罗列步骤,初学者易学
grunt-css-injector 这个插件解析 css/scss/sass 文件,找到所有 @import 指令并注入这些文件。入门这个插件需要 Grunt。 如果您以前没有使用过 ,请务必查看指南,因为它解释了如何创建以及安装和使用 Grunt 插件。...
注意:src/css/lib 和 src/js/lib 里的文件是不会被压缩的。 任务 项目安装好了相关的配置就可以在命令行下使用grunt任务 grunt 默认打开一个webserver,查看的文件是在开发目录下,支持livereload,sass自动编译,...
混合开发:node grunt混淆压缩 android中的angularjsionic 文件;在做android混合开发,web部分中的文件时用angularjs/ionic 写的;我们经常会用到Directive,Config,Factory,Controller;我在做混淆的时候,先要...
现在您可以指定要缩小的 CSS/JS 文件。 这是一个基本示例: 'min' : { 'dist' : { 'src' : [ 'src/foo.js' , 'src/bar.js' ] , 'dest' : 'build/foobar.min.js' } } , 'cssmin' : { 'dist' : { 'src'
用Grunt搭建的一个简单的web前端自动化项目,支持js代码静态扫描、js/css文件合并、压缩、js文件监控等。
Grunt.js天然适合前端应用程序的构建——不仅限于JavaScript项目,同样可以用于其他语言的应用程序构建。越来越多的JavaScript项目已经在使用Grunt,其中最大的使用者包括著名的jQuery项目。 Grunt的生态系统在迅速...
GruntForWeb一个基于grunt的web前端自动化项目模板(和yoman类似,但不可定制), 包含常用功能(less编译, js,css压缩, 项目文件夹导出, 代码规范检查,等等)Gruntfile.js 结构watch -- 监视html,js,css文件改变,执行对应...
grunt前端自动化部署,在线压缩合并js、css、images和html 前几天分享了,然后并简单录制了一个小视频,之后不少朋友QQ留言,问有没有grunt深入地视频教程。哈哈,说实话,上次录制的视频很差,我是随便录制的,没有...
grunt项目构建样例,实现js文件css文件等的压缩和合并
Express4 Bootstrape Jade 基线 这是 Express 4 站点的起点 包括: 设置 更改package.json的name 。...LESS compile 会将/src/less/bootstrap.less文件编译并压缩到/public/css/文件夹中。 咕噜手表 Gru
GruntProjectDemo 新浪门户Grunt类型项目的配置范例 包括require打包 css...link rel="stylesheet" href="http://n.sinaimg.cn/astro/xuyuanxing/css/common/public.css?ver={=$cssVer=}"> <!-- endbuild -->
图像压缩没有内置在生产脚本中,但可以通过以下命令单独使用: grunt compress-images 注意:这使用 ImageOptim、ImageAlpha 和 JPEGmini for Mac。 有关详细信息,请参阅 。 为生产就绪文件构建的主要命令是: ...
自动化构建工具Grunt_压缩js任务.avi ├─05.自动化构建工具Grunt_默认任务,任务高效说明.avi ├─06.自动化构建工具Grunt_任务执行同步说明.avi ├─07.自动化构建工具Grunt_js语法检查.avi ├─09.自动化构建工具...