组件开发
文章平均质量分 56
万游引力
天道酬勤
展开
-
Vue公共组件框架搭建
前言: 最近在进行组件开发,为了方便组件的引用与维护,准备采用“npm本地文件file引入”的方式将组件从项目中解耦,并使用git进行组件的版本管理与协作开发。 file本地文件引入,会在项目中package.json文件添加依赖,但是不会在node_modules文件夹下安装组件库,组件会直接引用公用组件库中的编译后的文件 步骤详述: 1.使用vue init webpack-simple XXX 创建Vue组件项目 不使用vue init webpack的原因是,组件开发中webpack安装会有大量原创 2021-05-06 14:21:38 · 385 阅读 · 0 评论 -
模块化组件安装
需求场景: 组件开发的时候,每一个单独的组件都需要js文件进行安装,且在index.js中每一个组件都需要单独引入加载,过于繁琐。 预期目标: 使用一个公用的文件,自动匹配组件文件夹下的所有组件进行引入,无需二次配置,且index文件中仅需 引入该文件即可进行全局安装 解决方案: 在components目录新建install.js文件 // 引入当前目录下所有vue文件导出的组件 const context = require.context('./', true, /\.vue$/) // 安装组件.原创 2021-05-12 17:38:48 · 151 阅读 · 0 评论