那么在Vue3中，对外暴露了很多的API供开发者使用，我们可以根据自己的需求，将所需要的API从Vue中导入。例如 main.js 中的代码 provide ：向子组件以及子孙组件传递数据。接收两个参数，第一个参数是 key，即数据的名称；第二个参数为 value，即数据的值 …

在上篇文章 中，我使用纯粹的tres shaking方案来实现vui ui组件库的按需引入，最终结果差强人意。经过总结反思，我决定换一种方案，尝试 babel-plugin-component。已经有一大堆的先例，我再使用这种成熟的方案造一个轮子，实在是很没有必要，但是code…

这一整个月我几乎投入所有工作之外的时间在组件库的框架搭建上，特别是组件按需引入的探索让我本来发量就不多的头顶更加荒芜。关于组件按需引入的探索已经告一段落，虽然结果很不如意，但是过程中积累了很多东西，值得分享。 一个组件库会提供很多的组件，有时候用户只想使用其中的部分组件，那么在…

Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 以 VUE_APP_ 开头的变量，在代码中可以通过 process.env.VUE_APP_ 访问。 比…

Your star is the greatest encouragement to me. 对于第一点，相信不少大公司有很多实践。例如阿里开源的ice工具走得是代码块复用的思路，非常值得借鉴。 而对于第二点，目前开源的也有不少项目，但都是基于web的。在我看来，可视化构建需要…

组件库能帮我们节省开发精力，无需所有东西都从头开始去做，通过一个个小组件拼接起来，就得到了我们想要的最终页面。在日常开发中如果没有特定的一些业务需求，使用组件库进行开发无疑是更便捷高效，而且质量也相对更高的方案。 目前的开源组件库有很多，不管是react还是vue的体系里都有很…

安装完成后，输入命令vue --version，查看Vue CLI的版本号是否是3.0以上，是代表安装成功。 因为在Vue CLI2中使用npm run dev命令启动项目。 使用npm install安装依赖，安装成功后，执行npm run dev,执行成功后在浏览器打开 h…