Grunt配置
来源:互联网 发布:会计电算化软件下载 编辑:程序博客网 时间:2024/05/01 12:37
- 将命令行的当前目录转到项目的根目录下。
一般需要在你的项目中添加两份文件:
package.json
和Gruntfile
。3.package.json: 此文件被npm用于存储项目的元数据,以便将此项目发布为npm模块。你可以在此文件中列出项目依赖的grunt和Grunt插件,放置于devDependencies配置段内。
Gruntfile: 此文件被命名为
Gruntfile.js
或Gruntfile.coffee
,用来配置或定义任务(task)并加载Grunt插件的。 此文档中提到的Gruntfile
其实说的是一个文件,文件名是Gruntfile.js
或Gruntfile.coffee
。package.json
应当放置于项目的根目录中,与Gruntfile
在同一目录中,并且应该与项目的源代码一起被提交。在上述目录(package.json
所在目录)中运行npm install
将依据package.json
文件中所列出的每个依赖来自动安装适当版本的依赖。下面列出了几种为你的项目创建
package.json
文件的方式:- 大部分 grunt-init 模版都会自动创建特定于项目的
package.json
文件。 - npm init命令会创建一个基本的
package.json
文件。
- 大部分 grunt-init 模版都会自动创建特定于项目的
- package
- {
"name": "my-project-name",
"version": "0.1.0",
"devDependencies": {
"grunt": "~0.4.5",
"grunt-contrib-jshint": "~0.10.0",
"grunt-contrib-nodeunit": "~0.4.1",
"grunt-contrib-uglify": "~0.5.1",
"grunt-contrib-concat": "^0.5.1"
}
} - 向已经存在的
package.json
文件中添加Grunt和grunt插件的最简单方式是通过npm install <module> --save-dev
命令。此命令不光安装了<module>
,还会自动将其添加到devDependencies 配置段中,遵循tilde version range格式。 - npm install grunt-contrib-jshint --save-dev
- grntfile.js
- module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
concat: {
options: {
separator: ';'
},
dist: {
src: [
'css/jquery-uis.css',
'css/testcss.css'],
dest: 'js/allcsss.css'
}
},
cssmin: {
target: {
files: [{
expand: true,
cwd: 'css',
src: ['jquery-uis.css', 'jquery-uis.min.css'],
dest: 'css',
ext: '.min.css'
}]
}
},
uglify: {
options: {
banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
},
build: {
src: 'js/slidebars.js',
dest: 'js/slidebars.min.js'
}
},
// uglify: {
// options: {
// banner: '/*! <%= pkg.name %> <%= grunt.template.today("dd-mm-yyyy") %> */\n'
// },
// dist: {
// files: {
// 'js/allcsss.min.js': ['js/allcsss.js']
// }
// }
// },
qunit: {
files: ['test/**/*.html']
},
jshint: {
files: ['js/testcss.css'],
options: {
//这里是覆盖JSHint默认配置的选项
globals: {
jQuery: true,
console: true,
module: true,
document: true
}
}
},
watch: {
files: ['<%= jshint.files %>'],
tasks: ['jshint', 'qunit']
}
});
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-jshint');
// grunt.loadNpmTasks('grunt-contrib-qunit');
// grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-cssmin');
// grunt.registerTask('test', ['jshint', 'qunit']);
grunt.registerTask('default', ['jshint', 'concat', 'uglify','cssmin']);
};
0 0
- grunt 配置
- Grunt配置
- Nodejs 安装 grunt ,Webstorm grunt 配置
- [grunt] grunt 配置babel es6转码
- Grunt 配置livereload笔记
- grunt配置任务
- grunt任务配置教程
- grunt模块化配置
- grunt任务配置
- 常用Grunt插件配置
- grunt.js配置
- Grunt配置全过程
- grunt.initConfig配置学习
- grunt自动化环境配置
- grunt基本配置(上)
- 剖析Grunt任务配置
- 如何配置Grunt
- Grunt 入门教程二:配置任务
- 怎样教四岁的孩子学画画
- Android中如何解析JSON数据
- 前端开发跨浏览器计算页面大小、滚动高度
- 无人机时代:天长地久还要靠平台化
- 宝宝四岁多了该如何教育
- Grunt配置
- The connection to adb is down, and a severe error has occured问题解决
- Nessus漏洞扫描教程之使用Nmap工具扫描识别指纹
- lua中“类”的实现
- FreeMarker 对象包装(五)
- 怎样教四岁的孩子学画画
- C语言gmtime()函数:获取当前时间和日期
- 扫描二维码和生成二维码
- Jmeter 线程组