多页模式的Vue组件打包工具。将单个.Vue的组件转

gulp-vue-pack

多页模式的Vue组件打包工具。将单个.Vue的组件转成.js,不考虑importrequire等声明的依赖,在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.jsSupperMan.css,其中SupperMan.js中会暴露window.SupperMan对象且会注册一个名为vue-supper-man的vue组件 更多请参考:vue-multipage-project

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。