Installation

Install package with NPM and add it to your development dependencies:

npm install --save-dev gulp-nui

Usage

var nui = require('gulp-nui');
var babel = require('babel-core');

gulp.task('nui', function(){
  gulp.src('./pages/*.html')
    .pipe(nui({
        paths:{
            base:__dirname+'/',
            node:'/node_modules/'
        },
        alias:{
			'common':'{base}libs/common.js'
		},
        cssdebug:true,
        jsmin:{
            mangle:false
        },
        syncAsset:{
            paths:['node'],
            rename:15
        },
        babel:[babel, {
            presets:['es2015', 'stage-2'],
            plugins:['transform-runtime']
        }]
    }))
    .pipe(gulp.dest('./pages/'))
});

Options

Versions

v2.3.3

1.修复es6导出值为空对象时报错问题

v2.3.2

1.修复设置vermap后，修改样式文件，页面入口模块添加版本号的问题

v2.3.0

1.拓展es6导出功能

export {default} from 'url';
export {default as name} from 'url';

v2.2.9

1.修复一些bug

v2.2.8

1.修复模块打包不全的bug

v2.2.7

1.修复require模块名中包含“./extend”,模块不打包问题

v2.2.6

1.修复css模块依赖加载顺序错误bug，依赖的文件应该被先加载

//a.js
import './a.css'; //a { color:#000}
import './b.js';

//b.js
import './a.css'; //a { color:#fff}

//打包文件结果
//修复前：
a {color:#000}
a {color:#fff}

//修复后：
a {color:#fff}
a {color:#000}

v2.2.5

1.优化代码

v2.2.4

1.图片打包优化

v2.2.3

1.初始化删除打包目录改为第一次任务执行时

v2.2.2

1.初始化gulp-nui时默认会删除打包目录

v2.2.1

1.修复css不能打包的bug

v2.1.4

1.imports加入对资源文件导入的支持，返回文件绝对路径

import url from '../images/test.jpg'; 
console.log(url) //http://domain/pages/images/test.jpg

2.如果导入的资源文件属于syncAsset配置项的目录中，会自动将该资源文件同步到项目中

import url from '{node_modules}/demo/images/test.jpg'; 
console.log(url) //http://domain/pages/images/packs/test-f81365499b.jpg

v2.1.3

1.imports引入样式文件时，如果没有加扩展名，默认加载css文件变更为less文件

v2.1.2

1.修复css打包后内部引入的资源文件没有版本号的问题

v2.1.1

1.增加css文件中的资源打包功能