gulp + browerify + vueify + babelify 构建单页应用
vueify.compiler.applyConfig(require('./configs/vue.config.js'));
var b = browserify('./src/main.js',require('./configs/browserify.config.js'))
.transform(babelify) //使用ES6转换到ES5的语法编译
.transform('browserify-css', {global: true}) //link injected css
.transform(vueify) //编译vue模板
.transform( // 必填项,以处理 node_modules 里的文件
{ global: true },
envify({ NODE_ENV: 'development' })
)
combiner.obj([
b.bundle(), //开始连接并捆绑所有文件
source('bundle.js'), //命名捆绑成的文件,并当作源文件
buffer(),
sourcemaps.init({loadMaps: true}), //生成map
uglify().on('error', gutil.log), //压缩
sourcemaps.write('./'), //map文件相对压缩文件的位置
gulp.dest('./build/public/js') // 压缩文件的相对输出位置
])
.on('error', console.error.bind(console)); //确认开启报错
```
1 回复
@wuyafeiJS 我用vue全家桶写的项目,准备用ts + koa重构,有兴趣可以看看。 https://github.com/DoubleCG/sea-im