开发vue插件-打包生成js文件配置(一)

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vue脚手架搭建网上有很多教程,并且在以前我的一篇博客中记录了vue-cli脚手架安装和使用的步骤,在这里我就不多加描述了。如果小伙伴们有兴趣可以看一下vue-cli搭建使用的这篇文章:https://mp.youkuaiyun.com/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
<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值