gulp + browerify + vueify + babelify 构建单页应用
发布于 7 年前 作者 DoubleCG 4251 次浏览 来自 分享
	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

回到顶部