vue脚手架搭建网上有很多教程,并且在以前我的一篇博客中记录了vue-cli脚手架安装和使用的步骤,在这里我就不多加描述了。如果小伙伴们有兴趣可以看一下vue-cli搭建使用的这篇文章:https://mp.csdn.net/postedit/78109675。
好了废话不多说了,接下来我们聊聊插件开发的一些问题:
1、对于vue插件开发小伙伴们可以看一下vue官网上的介绍vue插件开发官网。
2、vue-cli脚手架开发vue插件的结构:

在这里面我们可以看到vue-cli脚手架的结构,这个和我们在后面对webpack配置修改有一定的帮助
3、将开发的插件打包成js文件配置
现在vue-cli脚手架webpack打包生成的文件都是放到一起的,想要单独打包生成js文件插件就需要我们对vue-cli脚手架配置进行改造一下,下面是对webpack.base.conf.js文件修改
const glob = require("glob") //引入glob
const files = glob.sync('./packages/*/index.js');
const

本文介绍了如何使用vue-cli搭建脚手架并开发vue插件,详细阐述了vue插件的官方指南,展示了vue-cli的默认项目结构,并重点讲解了如何修改webpack配置,将开发的插件打包成单独的js文件,包括对webpack.base.conf.js和webpack.prod.conf.js的调整,以避免CommonsChunkPlugin的影响。
最低0.47元/天 解锁文章
1274

被折叠的 条评论
为什么被折叠?



