本文详细介绍了如何从创建Vue组件到发布到npm的全过程，包括组件编写、本地测试、npm配置、打包编译以及发布和使用步骤。通过改造项目结构、配置package.json，确保组件能够正确发布和被其他项目引用。
一、写组件
1、示例：用vue-cli3生成vue项目
vue create xxldemo
2、修改结构:
(1) 修改src 为examples
(2) 新增packages文件夹与examples同级
该目录下写组件
并加上index.js统一出口
// 导入组件
import demo from './demo/index';
import xxl from './xxl/index';
// 存储组件列表
const components = [demo, xxl];
// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
const install = function (Vue) {
// 遍历注册全局组件
components.forEach((component) => {
Vue.component(component.name, component);
});
};
// 判断是否是直接引入文件
if 
最低0.47元/天 解锁文章
1613
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
