gulpfile.js 合并压缩 requirejs 的配置文件

var gulp = require("gulp");
// var babel = require("gulp-babel");  // 用于ES6转化ES5
var uglify = require(‘gulp-uglify‘); // 用于压缩 JS
var minifycss = require(‘gulp-minify-css‘);

var amdOptimize = require("amd-optimize");
var concat = require(‘gulp-concat‘);  

var jsfilers=[‘index.widget‘];//新增入口js时,选在在这里添加,否则无法压缩该js

gulp.task("min", function() {
    var fileName = ‘‘;
    for (var i = 0; i < jsfilers.length; i++) {
        fileName = jsfilers[i];
        gulp.src("webresource/**/*.js") //路劲
            .pipe(amdOptimize("widget/" + fileName)) //主入口文件
            .pipe(concat(fileName + ".js"))
            .pipe(uglify())
            .pipe(gulp.dest("min/webresource/widget")); //输出目录
    }
});

// // ES6转化为ES5
// // 在命令行使用 gulp toes5 启动此任务
// gulp.task("toes5", function () {
//   return gulp.src("webresource/widget/**/*.js")// ES6 源码存放的路径
//     .pipe(babel())
//     .pipe(gulp.dest("dist")); //转换成 ES5 存放的路径
// });

/*// 压缩 js 文件
// 在命令行使用 gulp min 启动此任务
gulp.task(‘min‘, function() {
    // 1. 找到文件
    gulp.src(‘webresource/widget/*.js‘)
        // 2. 压缩文件
        .pipe(uglify())
        // 3. 另存压缩后的文件
        .pipe(gulp.dest(‘min/webresource/widget‘));

    //压缩css
    gulp.src(‘webresource/res/css/*.css‘)    //需要操作的文件
        .pipe(minifycss())   //执行压缩
        .pipe(gulp.dest(‘min/webresource/res/css‘));   //输出文件夹
});*/

// // 自动监控任务
// // 在命令行使用 gulp auto 启动此任务
// gulp.task(‘auto‘, function () {
//     // 监听文件修改,当文件被修改则执行 script 任务
//     gulp.watch(‘webresource/widget/*.js‘, [‘toes5‘]);
//     gulp.watch(‘dist/*.js‘, [‘dist‘]);

// });
时间: 2024-10-01 16:34:39

gulpfile.js 合并压缩 requirejs 的配置文件的相关文章

gulp css html image js 合并压缩

安装node.js  npm  以及安装gulp等方法我就不在这里赘述了. 接下里我主要介绍的是Gulpfile文件里面的配置该如何书写. var gulp = require('gulp');//引入gulp组件 // 引入组件//在引入这些组件前你需要在你的项目里进行安装.举个栗子:组件中间用空格隔开.一定要先切换到你项目所在的目录 //npm install gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename --save-d

requirejs实验002. r.js合并文件. 初体验.

requirejs的官网上有介绍如何使用r.js合并,压缩文件的.http://requirejs.org/docs/optimization.html https://github.com/jrburke/r.js/blob/master/build/example.build.js 这里罗列了所有的优化参数. 我是在win7上使用r.js的. 安装使用的是npm ->  npm install -g requirejs  安装在全局,更合适,方便在任何地方使用. windows上使用r.js

grunt 合并压缩js和css文件(二)

具体node及文件配置请看: grunt 安装使用(一) 要压缩的文件 --src/ ajax.js assets.js touch.js zepto.js 目录结构: dist/ node_modules/ src/ Gruntfile.js package.json package.json是依赖库文件 Gruntfile.js是执行步骤程序 一.js合并压缩 第一次需要先安装grunt.执行 npm install -g grunt-cli 进行安装.如果已经安装,可以忽略. 1.pack

使用grunt合并压缩js、css文件

需要了解的知识: 1.nodejs的安装与命令行使用 2.nodejs安装应用 3.grunt的初步了解 本文已假定读者已经熟悉以上知识. 好,我们继续: 任务1:将src目录下的所有zepto及插件合并,并压缩. --src/ ajax.js assets.js callbacks.js data.js deferred.js detect.js event.js form.js fx.js fx_methods.js gesture.js ie.js ios3.js selector.js

使用grunt完成requirejs的合并压缩和js文件的版本控制

最近有一个项目使用了 requirejs 来解决前端的模块化,但是随着页面和模块的越来越多,我发现我快要hold不住这些可爱的js文件了,具体表现在每个页面都要设置一堆 requirejs 的配置( baseUrl , paths 之类的). 不知谁说过,一些事重复做了三次,就该考虑一下自动化了,于是我小心翼翼的掏出了我的 grunt . 我们得使用 grunt-contrib-requirejs 这个插件来实现如上所说的自动化功能,这个就是根据 r.js 封装的 grunt 插件. 安装 gr

AngularJS结合RequireJS做文件合并压缩的那些坑

我在项目使用了AngularJS框架,用RequireJS做异步模块加载(AMD),在做文件合并压缩时,遇到了一些坑,有些只是解决了,但不明白原因. 那些坑 1. build.js里面的paths必须跟main.js里面的保持一致. 这个build.js就是r.js使用的配置文件,而main.js就是RequireJS的main文件.在合并压缩时候,build.js文件里面也需要写paths,而且还是跟main.js一样,我很奇怪为什么就不能识别main里面的require.config的pat

AngularJS分别RequireJS做文件合并压缩的那些坑

小心!AngularJS合并RequireJS做文件离开压缩的那些坑 小心!AngularJS合并RequireJS做文件离开压缩的那些坑,各人正在做文件离开压缩的时辰一定要注意,感乐趣的网友可以参考一下正在项目运用了AngularJS框架,用RequireJS做异步模块加载(AMD),正在做文件离开压缩时,遇到了一些坑,有些只是搞定了,但不大白原因. 那些坑1. build.js内里的paths必须跟main.js内里的保持等同. 这个build.js便是r.js运用的设置文件,而main.j

使用Ant和YUICompressor链接合并压缩你的JS和CSS代码

JS代码和CSS代码在上线前要压缩大家应该都是知道的了.记得之前做项目的时候,最后要交差的时候是找了个网站,将JS代码的文件一个一个地复制,粘贴,复制,粘贴. 当时就在想:TMD有没有好一点的方法,劳资不想老是用Ctrl大法.啊啊啊啊啊啊啊啊阿~.最最坑爹的是,有时候将代码复制粘贴的时候手一抖可能就删了点什么东西,手一快又保存了,反正各种坑爹.坑到没朋友. 但是呢,不压缩也不是是吧? 在写JS代码渐渐多了起来的时候就发现手动压缩根本不是长远的方法.而且JS的代码也开始分块,分功能,分文件写了,尽

简单使用grunt工具合并压缩js和css

前段时间因为项目中的报表写了一个Jquery插件,开源到github上,参考以往大神们写的插件的姿势,决定搞了像模像样一点.言归正传.前端工程师对这些工具:Node,bower,grunt,npm这些工具应该都很熟悉.今天就简单介绍一下grunt的用法. grunt的介绍及安装请看着:getting-started,中文文档,写的也比较详细. 一个完整grunt项目小包含以下模块或配置文件 npm:node的包管理器,管理(安装)相关插件 grunt-cli:执行grunt任务的工具,但是注意安