当前位置: 首页 > 网络应用技术

VUE组件库建设

时间:2023-03-06 11:24:11 网络应用技术

  。创建VUE项目:VUE创建XXX(VUE2);

  在新项目工程的根目录中创建一个新的软件包目录(与公众相同的级别),以存储所有包装组件;

  。将根目录中的SRC目录名称修改为组件测试的示例;

  。修改vue.config.js文件配置:

  在包装目录中创建一个index.js文件作为整个软件包的入口,在此文件中导入包装组件;

  在包装目录中创建一个新的字体目录,存储字体图标文件;

  。在示例目录中的main.js文件中安装包装组件库;

  包装组件库:在脚本选项对象中添加包装命令。

  运行NPM运行lib命令,并在包装之后生成DIST文件目录(有些文件生成相应的规格:common.js,umd.js)。

  。Release npm仓库:the packages.json文件中的私有属性字段必须更改为false(NPM不允许私有软件包上传),否则将不会发布。添加主要属性字段(软件包的入口文件)。分配为“ dist/f-ui.umd.min.js”(用户默认为distribute dist/f-ui.umd.min.js文件),无法添加作者字段。

  创建一个新的。根目录中的npmignore文件。该文件用于配置NPM上传(未由NPM管理)上传的文件(未)。

  。NPM上传:

  。安装组件库:NPM安装save-dev xxx。

  :1。NPM是一个包装管理器,Node.js已构建-NPM;2. CNPM TAOBAO镜子是将NPM的地址映射到TAOBAO图像;3.纱线是一名行李经理。

  原始:https://juejin.cn/post/709636243703630856