通过 @vue/cli 实现的交互式的项目脚手架（项目模板）。 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。 提供一个运行时依赖 (@vue/cli-service)，该依赖：可升级；基于 webpack 构建，并带有合理的…

1. 1 什么是WebPack webpack 是一个现代 JavaScript 应用程序的静态模块打包工具：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并生成一个或多个 bundl…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]你能手写一个 Promise 吗？Yes I promise。 有兴趣的同学可以关注 [实践系列] 。 求 star 求 follow~ 入口起点(entry point)指示 webpack 应该使用哪个…

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

记录一下使用vue-cli4从零开始搭建Vue项目，并进行一些工具的封装。希望能够通过这个过程，了解一个Vue项目所用到的知识，整合成一个体系。 现在Vue项目的搭建都是使用脚手架vue-cli一键搭建的，不同版本的vue-cli生成的项目目录是不一样的。目前vue-cli已经…

一定是在main.js里面， 这是我们逻辑入口文件。 全局注册的组件 ，在任何地方都可以使用。 插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。 渲染一个“元组件”为动态组…

（一般npm环境下载速度较慢。可以下载淘宝镜像cnpm来提高速度，但有时两者下载的文件版本会有细微差别）

如果在created阶段的发送ajax请求，此时页面视图未出现，如果请求信息过多，页面会长时间处于白屏状态，请求建议放在mounted阶段，当然mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染 完毕再发生请求，可以用 vm.$nextTick。 …