没有合适的资源?快使用搜索试试~ 我知道了~
利用grunt合并、压缩js、css文件,简单罗列步骤,初学者易学
资源推荐
资源详情
资源评论
1、nodejs安装,官方网站下载(略)
2、grunt安装(略)
3、建一个工程目录nodejsDemo,工程根目录下放package.json(插件信息),内容如下:
{
"name": "gruntJs",
"version": "1.0.0",
"devDependencies": {
"grunt": "~0.4.0",
"grunt-contrib-jshint": "~0.1.1",
"grunt-contrib-uglify": "~0.1.2",
"grunt-contrib-concat": "~0.1.1"
}
}
4、在命令行中输入:npm install
工程中出现三个文件夹其中包括grunt-contrib-concat(合并)文件夹和grunt-contrib-uglify(压缩)文件夹
5、在根目录下创建一个文件夹命名src放所有js文件
在根目录下再创建一个js文件命名:gruntfile.js,其中内容如下:
module.exports = function(grunt) {
// 配置
grunt.initConfig({
pkg : grunt.file.readJSON('package.json'),
concat: {
domop: {
src: ['src/grunt.js', 'src/bb.js'],
dest: 'dest/domop.js'
}
},
uglify: {
build: {
src : 'dest/domop.js',
2、grunt安装(略)
3、建一个工程目录nodejsDemo,工程根目录下放package.json(插件信息),内容如下:
{
"name": "gruntJs",
"version": "1.0.0",
"devDependencies": {
"grunt": "~0.4.0",
"grunt-contrib-jshint": "~0.1.1",
"grunt-contrib-uglify": "~0.1.2",
"grunt-contrib-concat": "~0.1.1"
}
}
4、在命令行中输入:npm install
工程中出现三个文件夹其中包括grunt-contrib-concat(合并)文件夹和grunt-contrib-uglify(压缩)文件夹
5、在根目录下创建一个文件夹命名src放所有js文件
在根目录下再创建一个js文件命名:gruntfile.js,其中内容如下:
module.exports = function(grunt) {
// 配置
grunt.initConfig({
pkg : grunt.file.readJSON('package.json'),
concat: {
domop: {
src: ['src/grunt.js', 'src/bb.js'],
dest: 'dest/domop.js'
}
},
uglify: {
build: {
src : 'dest/domop.js',
资源评论
sevenbblythelulu
- 粉丝: 8
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功