gulp-vue-pack
v0.1.1
Published
The multipage dev mode for Vue components packer.
Readme
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/"));
});###特别说明
- Vue文件被打包后会生成
.js和.css文件(如果.vue文件中包含style内容的话) 。 - 使用时在html中只需要引入.js文件即可,对应的
.css文件会自动被引入到.html上下文。 - 组件打时候,会根据Vue文件名进行生成组件对象和注册组件对象,例如:
SupperMan.vue-->SupperMan.js和SupperMan.css,其中SupperMan.js中会暴露window.SupperMan对象且会注册一个名为vue-supper-man的vue组件 - 更多请参考:vue-multipage-project
