0.1.1 • Published 9 years ago
gulp-vue-pack v0.1.1
gulp-vue-pack
多页模式的Vue组件打包工具。将单个.Vue的组件转成.js,不考虑import和require等声明的依赖,在html文件中使用script标签手动引用,以提升html中资源的加载效率(不使用require)
##使用方式 ###安装
通过npm安装
npm install gulp-vue-pack --save-dev###使用
示例代码
var vuePack = require("gulp-vue-pack");
gulp.task("default", function(){
gulp.src("src/**/*.vue")
.pipe(vuePack())
.pipe(gulp.dest("build/"));
});###特别说明
1. Vue文件被打包后会生成.js和.css文件(如果.vue文件中包含style内容的话) 。
2. 使用时在html中只需要引入.js文件即可,对应的.css文件会自动被引入到.html上下文。
3. 组件打时候,会根据Vue文件名进行生成组件对象和注册组件对象,例如: SupperMan.vue-->SupperMan.js和SupperMan.css,其中SupperMan.js中会暴露window.SupperMan对象且会注册一个名为vue-supper-man的vue组件
4. 更多请参考:vue-multipage-project