1.1 创建 example 项目 example 本质上就是一个 vite3 + vue3 的项目,可以通过 vite 来创建,也可以通过优雅哥编写的 yyg-cli 来创建一个全家桶项目,甚至可以手动搭建。后面程序员优雅哥会用 example 来实现一个完整的企业级中后台管理项目,用它来驱动组件库的组件开发。 简单一些,这里就使用 vite 来创建 exam...
1.1 创建 example 项目 example 本质上就是一个 vite3 + vue3 的项目,可以通过 vite 来创建,也可以通过优雅哥编写的 yyg-cli 来创建一个全家桶项目,甚至可以手动搭建。后面程序员优雅哥会用 example 来实现一个完整的企业级中后台管理项目,用它来驱动组件库的组件开发。 简单一些,这里就使用 vite 来创建 exam...
1.1 创建 example 项目 example 本质上就是一个 vite3 + vue3 的项目,可以通过 vite 来创建,也可以通过优雅哥编写的 yyg-cli 来创建一个全家桶项目,甚至可以手动搭建。后面程序员优雅哥会用 example 来实现一个完整的企业级中后台管理项目,用它来驱动组件库的组件开发。 简单一些,这里就使用 vite 来创建 exam...
通过babel的overrides选项来根据条件注入配置,当处理的是Vue单文件的内容,并且使用的是ts语法,那么就会注入一个插件@babel/plugin-transform-typescript,用于转换ts语法,非Vue单文件会忽略这个配置,进入下一个preset:@babel/preset-typescript,这个预设也包含了前面的@babel/plugin-transform-typescript插件,但是这个预设只...
1)example 模块 普通的 vue3 项目,可在该目录中开发业务功能,在开发业务功能过程中,如果有新的公共组件,可方便的在组件库中开发。组件库稳定后,便可以将 example 抽取为独立的工程。(业务驱动组件库的开发) 2)packages 目录 存放组件库,里面包括多个模块。项目刚创建成功时,里面有三个目录: scss 目录 该目录存...
3.JSX 组件 安装支持jsx的插件 npm i @vitejs/plugin-vue-jsx -D 修改vite.config.ts 配置 import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'importvueJsxfrom'@vitejs/plugin-vue-jsx'exportdefaultdefineConfig({plugins: [vue(),// VUE 插件vueJsx()// JSX 插件], ...
在vue3是通过app.use(plugin)的形式引入插件的,它会直接调用插件的install方法.install会接收到应用实例和传递给app.use()的额外选项作为参数。所以我们在v-tracking/index.js默认导出一个带有install函数的对象 export default {install: (app, options) => {console.log(options)}} ...
学习Vue 3 全家桶 - 性能优化和打包发布 #网络请求优化 DNS预解析 使用标签去通知浏览器对页面中出现的其他域名去做 DNS 的预解析 可以使用来实现 文件加载优化 在HTTP2 之前可以尽可能减少文件数量,如CSS雪碧图等,但 HTTP2 中多路复用可以优化三次握手带来的网络损坏 让文件尽可能小 压缩JS 和 CSS 代码 图片...
组件自动引入unplugin-vue-components 上面的封装也带来另外一个坑,就是会导致无法使用 unplugin-vue-components 。我去提了issues希望可以支持组件名动态设置[3] 和PR[4] , 应该下个版本 AntDesignVueResolver 就可以支持了。 你可能要习惯的和 vue2 的不同 ...
Vue3 plugin for displaying and editing the array-of-object in Excel style. - cscan/vue3-excel-editor