知识大全 使用GruntJS链接与压缩多个JavaScript文件过程详解

Posted 文件

篇首语：天下无难事，只怕有心人。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 使用GruntJS链接与压缩多个JavaScript文件过程详解相关的知识，希望对你有一定的参考价值。

使用GruntJS链接与压缩多个JavaScript文件过程详解  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

怎么把多个JS文件搞成一个啊 GruntJS – JavaScript多文件编译 风格检查 链接与压缩神器 使用过程如下 有需要的朋友可以参考下 希望对大家有所帮助  

　　自己写了个简单的HTML Canvas的图表库 可以支持饼图 折线图 散点图 盒子图 柱状图 同时支持鼠标提示 绘制过程动画效果等 最终我想把这些多个JS文件变成 一个JS文件发布出去 于是我的问题来啦 怎么把这些JS文件搞成一个啊 群里有个 朋友告诉我 GruntJS – JavaScript多文件编译 风格检查 链接与压缩神器 Google了一 把终于帮我完成这个任务 算是入门 分享一下过程 一什么是GruntJS 不想翻译英文 自己看它的网站吧 > 二 安装与运行 它的官方教程说的不是很清楚 有点让第一次看的人云里雾里的 我总结一下 GruntJS 是基于与依赖服务器node js的 所以首先第一步是下载并安装node js 下载地址 第二步 运行安装grunt命令行工具– 目的是为了使用grunt命令 只有在windows的命令行窗口中运行 npm install g grunt cli即可 更具体的解释参见这里 第三步 在项目的根目录创建project json与Gruntfile js两个文件 因为grunt的task运行要依赖于这两个文件 其中创建project json文件方法可以通过命令行实现 nmp init我创建project json 内容如下

复制代码 代码如下: "name": "fishchart" "version": " " "description": " canvas chart library" "author": "zhigang" "license": "BSD" "devDependencies": "grunt": "~ " "grunt contrib uglify": "~ " "grunt contrib jshint": "~ " "grunt contrib concat": "~ "

　　 使用命令创建时候 如果你不知道写什么直接回车跳过即可 三 安装与使用Grunt Plug in完成javascript文件链接与压缩 安装javascript文件链接插件支持 npm install grunt contrib concat save dev 安装javascript文件压缩插件支持 npm install grunt contrib uglify save dev 在Gruntfile js文件中配置选项 加载与定义task

复制代码 代码如下: module exports = function(grunt) grunt initConfig( //our JSHint options jshint: all: [ main js ] //files to lint //our concat options concat: options: separator: ; //separates scripts dist: src: [ js/* js js/**/* js ] //Grunt mini match for your scripts to concatenate dest: js/fishchart_v js //where to output the script //our uglify options uglify: js: files: js/fishchart_v js : [ js/fishchart_v js ] //save over the newly created script ); //load our tasks grunt loadNpmTasks( grunt contrib jshint ); grunt loadNpmTasks( grunt contrib concat ); grunt loadNpmTasks( grunt contrib uglify ); // default tasks to run // grunt registerTask( default [ jshint concat uglify ]); grunt registerTask( development [ jshint ]); grunt registerTask( production [ jshint concat uglify ]); cha138/Article/program/Java/JSP/201311/20451

相关参考

知识大全 javascript控制的鼠标特效

　　鼠标放到链接上就会出现一个说明框里面有滚动的文字说明　　代码是:<a_blankonMouseOver=helpor_net_show(thisevent看到了吧？)onMouseOut=h

知识大全 html怎么从一个文档链接到另一个文档

怎么从一个文档链接到另一个文档1.<a>标签的href属性用于指定超链接目标的URL。href属性的值可以是任何有效文档的相对或绝对URL，包括片段标识符和JavaScript代码段。如果

知识大全 javascript教程:关于if语句优化的方法

　　UglifyJS是一个对javascript进行压缩和美化的工具在它的文档说明中我看到了几种关于if语句优化的方法尽管我还没使用它去做一些尝试性的测试但从这里可以看到它的确对js作了美化的工作也许

知识大全 javascript跟随滚动效果插件代码

　　JavascriptFollowPlugin　　Js跟随滚动效果插件　　支持定义多个跟随ID采用cssfixed属性不支持ie兼容其他主流浏览器　　支持定义滚动到底部的最小高度不会覆蓋底部　　页面

知识大全 文件解压后360查不出毒

文件解压后360查不出毒1000多个文件和900多个明显有差别，360还没误报过。应该是病毒只在压缩包里，你把解压后，删掉压缩包。在用360系统急救箱，，然后单击“开始系统急救”。系统引擎初始化完成后

知识大全 数据结构第五章(多维数组与广义表)串讲+复习要点

　　前面我们学习的线性表栈队列和串都是线性结构本章起学习的是非线性结构它们的逻辑特征是一个数据元素可能有多个直接前趋和多个直接后继　　本章重点是熟悉多维数组的存储方式矩阵的压缩存储方式广义表的定义及其

知识大全 数据结构数组和广义表之矩阵的压缩存储

　　压缩存储即为多个相同的非零元素只分配一个存储空间对零元素不分配空间　　所谓特殊矩阵（SpecialMatrices）是指非零元素或零元素的分布有一定规律的矩阵  几种特殊矩阵的

知识大全 excel怎么一次性显示多个隐藏的工作表

excel怎么一次性显示多个隐藏的工作表网页链接原始工作表，可以看到有很多个隐藏的工作表Alt+F11，打开VBA编辑界面，双击左侧任意一个工作表，使代码编辑区域显示处理在代码编辑区域，复制如下代码：

知识大全 对象链接与嵌入（一）[5]

DELPHI基础教程：对象链接与嵌入（一）[5]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　

知识大全 对象链接与嵌入（一）[4]

DELPHI基础教程：对象链接与嵌入（一）[4]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！