grunt和seajs入门之--提取依赖、合并、压缩js文件
来源:互联网 发布:python灰帽子 编辑:程序博客网 时间:2024/06/06 15:03
一、安装grunt:
npm install -g grunt-cli //安装
npm install grunt –save-dev //安装Grunt最新版本到项目目录中,并将其添加到devDependencies内
grunt –version //出现grunt -cli 和 grunt的版本号即安装成功
二、配置packge.json文件:
【代码中去掉注释】
module.exports = function(grunt) { // Project configuration. grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), transport: { webqq: { files: { //零时文件夹 提取依赖的文件 ".build": ["main.js","range.js","scale.js","drag.js"] } } }, concat: { webqq: { files: { //合并后的新文件 "dist/main.js": [".build/main.js",".build/range.js",".build/scale.js",".build/drag.js"] } } }, uglify: { webqq: { files: { //压缩的文件 "dist/main.min.js": "dist/main.js" } } } }); //加载插件 grunt.loadNpmTasks('grunt-cmd-transport'); grunt.loadNpmTasks('grunt-cmd-concat'); grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.registerTask('default', ['transport','concat','uglify']);};};
四、在命令行输入:
grunt
就实现了合并,压缩的操作;在dist目录下找到相应的文件。
阅读全文
0 0
- grunt和seajs入门之--提取依赖、合并、压缩js文件
- grunt 压缩合并,压缩css和js
- 前端js和css的压缩合并之grunt
- Grunt 进行js,css文件合并,压缩
- grunt合并压缩js、css文件
- grunt合并压缩js,css文件
- Grunt压缩、合并js/css文件
- grunt压缩js和css文件(1)
- grunt合并压缩js,css文件(第二弹)
- grunt压缩、合并css、js文件的配置信息
- grunt构建&文件合并&压缩
- grunt构建&文件合并&压缩
- Grunt插件之uglify--js代码压缩与合并
- 配置grunt进行css、js的检查、合并和压缩
- 配置grunt进行css、js的检查、合并和压缩
- 使用Grunt进行js、css压缩合并
- 使用Grunt进行js、css压缩合并
- seajs之grunt应用
- 《深入理解java虚拟机》学习笔记5——Java Class类文件结构
- java8
- java为了自己
- 爬虫系列
- golang flag标准库命令行参数解析
- grunt和seajs入门之--提取依赖、合并、压缩js文件
- ASM(active shape model)算法学习总结
- redis应用【一】 -- 安装与参数说明
- iOS应用架构谈 开篇
- Stream流的操作案例
- 查找销售模块中装箱单提单主提单当前的编号
- Python3之Django Web框架安装mysqlclient
- 嵌入式linux路线图
- LeetCode-167:Two Sum II