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']);
- // });
gulpfile.js 合并压缩 requirejs 的配置文件的更多相关文章
- require.js 加载 vue组件 r.js 合并压缩
https://www.taoquns.com 自己搭的个人博客 require.js 参考阮一峰 Javascript模块化编程(三):require.js的用法 r.js 合并压缩 参考司徒正美 ...
- gulp css html image js 合并压缩
安装node.js npm 以及安装gulp等方法我就不在这里赘述了. 接下里我主要介绍的是Gulpfile文件里面的配置该如何书写. var gulp = require('gulp');//引 ...
- requirejs实验002. r.js合并文件. 初体验.
requirejs的官网上有介绍如何使用r.js合并,压缩文件的.http://requirejs.org/docs/optimization.html https://github.com/jrbu ...
- grunt自定义任务——合并压缩css和js
npm文档:www.npmjs.com grunt基础教程:http://www.gruntjs.net/docs/getting-started/ http://www.w3cplus.com/to ...
- grunt 合并压缩js和css文件(二)
具体node及文件配置请看: grunt 安装使用(一) 要压缩的文件 --src/ ajax.js assets.js touch.js zepto.js 目录结构: dist/ node_modu ...
- 使用grunt合并压缩js、css文件
需要了解的知识: 1.nodejs的安装与命令行使用 2.nodejs安装应用 3.grunt的初步了解 本文已假定读者已经熟悉以上知识. 好,我们继续: 任务1:将src目录下的所有zepto及插件 ...
- gulpfile.js不断更新中...
Gulp压缩合并js/css文件,压缩图片,以及热更新教程 var gulp = require('gulp');var concat = require('gulp-concat');//- 多个文 ...
- 使用grunt完成requirejs的合并压缩和js文件的版本控制
最近有一个项目使用了 requirejs 来解决前端的模块化,但是随着页面和模块的越来越多,我发现我快要hold不住这些可爱的js文件了,具体表现在每个页面都要设置一堆 requirejs 的配置( ...
- 编写gulpfile.js文件:压缩合并css、js
使用gulp一共有四个步骤: 1. 全局安装 gulp: $ npm install --global gulp 2. 作为项目的开发依赖(devDependencies)安装: $ npm inst ...
随机推荐
- js从一个函数中结束另一个函数的问题
等待通过事件监听结束另一函数的方法出炉…… 1.事件监听? 2.从a里把b函数全局定义一下,不推荐. function a(){ alert("a"); b=function(){ ...
- SSL在https和MySQL中的原理思考
之前对HTTPS通信过程有过了解,HTTPS是应用HTTP协议使用SSL加密的版本,在TCP和HTTP之间增加SSL协议.通过握手阶段认证双方身份,协商对称秘钥对通信信息进行加密.此处只描述常用的服务 ...
- Maven学习总结(四)——Maven核心概念--转载
一.Maven坐标 1.1.什么是坐标? 在平面几何中坐标(x,y)可以标识平面中唯一的一点. 1.2.Maven坐标主要组成 groupId:组织标识(包名) artifactId:项目名称 ver ...
- Django基础——Form&Ajax篇
一 Form 在实际的生产环境中,登录和注册时用户提交的数据浏览器端都会使用JavaScript来进行验证(比如验证输入是否为空以及输入是否合法),但是浏览器可能会禁用JavaScirpt,同时也有人 ...
- Leetcode 342 Power of Four 数论
题意:判断一个数是不是4的幂数,和Power of two类似. 先判断num是否大于0,再判断num是否能开根号,最后判断num开根号后的数是否是2^15的约数. 提示:4的幂数开根号就是2的幂数. ...
- 详解Bootstrap媒体对象
在web页面中,图片居左,内容居右排列,是非常常见的效果,它也就是媒体对象,它是一种抽象的样式,可以用来构建不同类型的组件,在bootstrap框架中其对应的版本文件如下: LESS: media.l ...
- 使用RAML描述API文档信息的一些用法整理
RAML是Restful API Modeling Language的缩写,是用来描述API信息的文档. 创建一个.raml后缀的文件,用Atom打开. 基本用法 #%RAML 0.8 title: ...
- 【转】IT 圈里有哪些经常被读错的词?
以下内容转至知乎,原文:http://www.zhihu.com/question/19739907?__nids__=5363833,5358751,5355121,5365018,5363846, ...
- Page和UserControl的事件加载顺序
UC OnInitPage OnInit Page Page_LoadPage OnLoad UC Page_LoadUC OnLoad Page OnPreRenderUC OnPreRender
- mybatis oracle java.sql.SQLException: 流已被关闭问题
/** * 按照页码取值(从current_page页开始,每页page_size条) * @param key * @param params * @param current_page * @pa ...