Grunt压缩文件

    1. 安装nodejs,去nodejs的官网下载nodejs,我使用的是第一个如下图所示:
    2. 安装grunt-cli

      npm install -g grunt-cli
    3. 建立grunt文件夹,在文件夹下面建立package.json、Gruntfile.js文件
    4. 安装grunt

      npm install grunt
    5. 安装grunt插件

      npm install grunt-contrib-uglify、grunt-contrib-jshint、grunt-contrib-concat

    6. 最后执行grunt就ok了
    7. package.json:
      {
        "name": "xcwJs",
        "version": "0.1.0",
        "description": "xcwJs",
        "devDependencies": {
          "grunt": "~0.4.1",
          "grunt-contrib-jshint": "~0.6.3",
          "grunt-contrib-uglify": "~0.2.1",
          "grunt-contrib-requirejs": "~0.4.1",
          "grunt-contrib-concat": "~0.1.1",
          "grunt-contrib-copy": "~0.4.1",
          "grunt-contrib-clean": "~0.5.0",
          "grunt-strip": "~0.2.1"
        },
        "dependencies": {
          "express": "3.x"
        }
      }
    8.  Gruntfile.js

      module.exports = function (grunt) {
        // ÏîÄ¿ÅäÖÃ
        grunt.initConfig({
          pkg: grunt.file.readJSON(‘package.json‘),
          concat: {
            options: {
              separator: ‘;‘
            },
            dist: {
              //要合并的文件
              src: [‘src/addfavor.js‘, ‘src/arrayHelp.js‘, ‘src/common.js‘,‘src/convertor.js‘,‘src/slider.js‘,‘src/star.js‘,‘src/vTicker.js‘],
              dest: ‘dest/xcw.js‘//将文件合并到dest下
            }
          },
          uglify : {
                  options : {
                      //压缩文件的头部说明
                      banner : ‘/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n‘
                  },
                  build : {
                      src : ‘dest/xcw.js‘,
                      dest : ‘dest/xcw.min.js‘
                  }
              }
        });
        // 载入concat和uglify插件,分别对于合并和压缩
          grunt.loadNpmTasks(‘grunt-contrib-concat‘);
          grunt.loadNpmTasks(‘grunt-contrib-uglify‘);
          // 注册任务
          grunt.registerTask(‘default‘, [‘concat‘, ‘uglify‘]);
      }
时间: 2024-11-05 15:53:49

Grunt压缩文件的相关文章

Sass编译css/Grunt压缩文件

Sass安装(mac) $ sudo gem install sass scss编译成css文件 $ sass ui.scss ui.css CLI安装 $ npm install -g grunt-cli Grunt安装 $ npm install grunt Grunt入门 package.json { "name": "my-project-name", "version": "0.1.0", "devDepe

如何用grunt压缩文件

grunt-cli 全局装完之后,就可以给每个项目装grunt了. 1.先把package.json和Gruntfile.js拷到项目下(PS:这两个文件是每个项目转grunt的时候必带的) 2.cmd进入到项目目录下然后执行“npm install grunt --save-dev”(PS:这一步是用来给项目装grunt的) 3.配置Gruntfile.js中的(PS:package.json一般不去动它,name可以设置为项目名称,其他不用动) { expand: true, cwd: 'j

如何使用grunt压缩js文件

jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用! 1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过.但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表 示重点).至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt.还有一点,它完全免费,没有盗版.既强大又免费的 东西,为何不用? 当然了,你如果你能找到更好的替代grunt的其他工具也是

grunt压缩合并js

[grunt整合版]30分钟学会使用grunt打包前端代码 grunt 准备阶段 1.nodeJs环境 2.安装grunt 实例学习:打包zepto ① package.json ② Gruntfile.js 认识Gruntdile与package.json package.json Gruntfile 合并文件 合并requireJS管理的文件 配置任务/grunt.initConfig grunt插件 grunt-contrib-unglify grunt-contrib-concat gr

[转]Ubuntu Linux 安装 .7z 解压和压缩文件

原文网址:http://blog.csdn.net/zqlovlg/article/details/8033456 安装方法: sudo apt-get install p7zip-full 解压文件: 7z x manager.7z -r -o /home/xx解释如下:x 代表解压缩文件,并且是按原始目录解压(还有个参数 e 也是解压缩文件,但其会将所有文件都解压到根下,而不是自己原有的文件夹下)manager.7z 是压缩文件,这里大家要换成自己的.如果不在当前目录下要带上完整的目录-r

win7 通过命令行压缩文件

1,下载winrar这款软件(可能要正式版) 2,安装完之后在c:\programe files里找到winrar目录,复制winrar目录里的winRar.exe文件到c盘下的windows目录 3,新建一个文本文档,内容为: WinRAR a package.zip package 然后把文档的后缀名改为.cmd 意思就是把.cmd文件所在目录里的pakcage文件压缩成一分叫做package.zip的压缩包 4,双击这个.cmd文件,就可以压缩了. ====================

Python简单脚本之一 (备份压缩文件)

#功能:#1.备份系统重要文件以及mongodb文件.#2./etc/ /usr/local/mongodb/等#3.备份路径:/data/backup/20161103/system_backup.tar.gz#4.备份完成打印信息 首先我要建立一备份的目录  ,我需要先判断有没有这个目录 import time import os d_dir='/usr/local/py/backup/' #备份目标目录 d_files='system_back.tar.gz' #命名文件 s_dir =[

ZIP压缩文件夹中上个月的文件,并将备份文件拷贝到服务器

遍历文件夹的子文件夹下的所有文件,将上个月的文件集中到一起,然互压缩,并copy到服务器的映射磁盘. static void Main(string[] args) { //原始文件存放的位置 DirectoryInfo theFolder = new DirectoryInfo(@"E:\TestFloder"); //将文件拷贝到该文件夹下 string targetPath = @"D:\test"; DirectoryInfo[] dirInfo = the

C#压缩文件夹

using System;using System.Collections.Generic;using System.Text; ///第三方dllusing ICSharpCode.SharpZipLib;using ICSharpCode.SharpZipLib.Checksums;using ICSharpCode.SharpZipLib.Zip;using System.IO;using log4net;using log4net.Config;using System.Text.Reg