折腾一两天，终于学会使用grunt压缩合并混淆JS脚本，小激动，特意记录一下

很长时间没有更新博客了，实在是太忙啦...0.0 ，以下的东西纯粹是记录，不是我原创，放到收藏夹还担心不够，这个以后常用，想来想去，还是放到这里吧,,丢不了..最后一句废话，网上搜集也好原创也罢，能解决问题不糊弄人才是真道理！

反正我的问题解决啦！！！哈哈哈！！

安装grunt

原文：www.bluesdream.com/blog/windows-installs-the-grunt-and-instructions.html

怕这个网址打不开，记录下：

   

安装Grunt：

方法二：手动创建package.json文件，添加项目/模块的描述信息：

{

附：

注：devDependencies里面的参数，指定了项目依赖的Grunt和Grunt插件版本。其中"~0.7.0"代表安装该插件的某个特定版本，如果只需安装最新版本，可以改成"*"。

然后执行：

执行配置中所有的任务：

devDependencies中的grunt在前一篇已经安装了，grunt-contrib-jshint/grunt-contrib-uglify/grunt-contrib-concat则没有安装。三个分别对于三个任务（task）

• grunt-contrib-jshint js语法检查
• grunt-contrib-uglify 压缩，采用UglifyJS
• grunt-contrib-concat 合并文件

此时，打开命令行工具进入到项目根目录，敲如下命令: npm install

项目和任务配置

载入grunt插件和任务

定制执行任务

 

该示例完成以下任务

1. 合并src下的文件（ajax.js/selector.js）为domop.js
2. 压缩domop.js为domop.min.js
3. 这两个文件都放在dest目录下

 

最终的Gruntfile.js如下

1

 

四、执行grunt任务

打开命令行，进入到项目根目录，敲 grunt

从打印信息看出成功的合并和压缩并生成了dest目录及期望的文件，这时的项目目录下多了dest，如下

 

ok，这里介绍了2个常见任务concat和uglify，jshint等没有介绍。Gruntfile.js里的代码也没有一一解读，感兴趣的同学可在gruntjs的官方文档找到。

 

以上内容，应该没有侵犯大婶们的版权吧，真的sorry,我其实就是个接地气的屌丝，政治也没学好，此外，万分感谢上面这位sandy大神解决了我的问题，还有第一篇文章的那个英雄，感谢上帝，感谢佛祖，感谢cctv,感谢mtv,感谢中国气象台...这块有啥问题，大家一起切切搓搓哈...

 

本来废话说完了，发现漏掉一个很重要的，其实spm也罢 grunt也好，个人觉得难点还在配置，最近在重构公司前端的架构，研究这个seajs的东东，上面的那个grunt的确好使，下面把我找到的这个文章也粘贴过来，里面的配置很全，感觉挺重要..

标题是：使用Grunt 打包 SeaJS 实例，网上可以搜到这个文章，给个地址吧 blog.sina.com.cn/s/blog_84ff74720102vhjk.html 就是怕哪天这个地址404了，所以我还是在搞过来吧，放心 index.html :如果能保证正常运行,开始打包吧! Gruntfile.js:进入 application 目录 运行 npm install 安装依赖, 然后再 运行 grunt 

 

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：折腾一两天，终于学会使用grunt压缩合并混淆JS脚本，小激动，特意记录一下

关键词：JS