Vue插件从封装到发布

 时间:2026-04-25 03:48:53

1、创建工程

初始化工程

1、vue init webpack-simple projectName

2、cd projectName

3、cnpm install //安装依赖

创亲虚建开发组件目录如下

Vue插件从封装到发布

2、开艺案发插件新常惹

插件入口index.js需要引入插件组件,写install方法

Vue插件从封装到发布

3、vue-area-select.vue是插件的具体实现部分,就不过多介绍,详见源码。

调试时的引用方式是引入index.js文件

Vue插件从封装到发布

4、调试完成后,需要build,然后再npm发布。build的时候需要先修改webpack.config.js中的配置,然后 npm run build 打包文件

Vue插件从封装到发布

5、此时,插件开发部分已经完成。之后就需要npm发布。

NPM发布

先配置package.json,需要加入以下几项

Vue插件从封装到发布

6、然后npm login 登录账号   npm publish发布插件

Vue插件从封装到发布

7、插件的方式使用

Vue插件从封装到发布

8、 效果如下:

Vue插件从封装到发布

  • 突破360云盘分享限制/分享文件数量超过2000怎办
  • 生长痛什么情况下需要去看医生?
  • 一位福州资深HR主管的十年团建经验贴
  • ES交换机结合radius服务器对终端用户进行认证
  • 如何下载400GB网盘的资源
  • 热门搜索
    讨厌的近义词是什么 越俎代庖是什么意思 leaves是什么意思 生辰八字是什么意思 什么变了作文400字 sad是什么意思 贝壳像什么 white是什么意思中文 psp是什么 宝宝喝什么奶粉好