上篇文章只是简单的说了下前端脚手架的代码，和实现思路，最近又增加了部分的功能，这次就把上篇文章加上这次的进行一个统一的描述，最近看其他人的掘金文章，发现只有大白话才是最好的，能让人迅速理解的的语言，那么这次，就用大白话来进行写一个前端脚手架。 脚手架是为了保证各施工过程顺利进行…

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

不同的团队可能有不同的方法去解决这些问题。在前端开发日新月异、前端工程化蓬勃发展的今天，我想给大家介绍下另一种尝试——微前端。 那什么是微前端？微前端主要是借鉴后端微服务的概念。简单地说，就是将一个巨无霸（Monolith）的前端工程拆分成一个一个的小工程。别小看这些小工程，它…

遇到前端部署问题怎么办？nginx、端口、https域名怎么配置，跨域问题咋整，react/vue项目怎么部署，什么是反向代理，请您耐心往下看。本文通俗易懂，可操作，旨在抛砖引玉。要是帮到了您，还请顺便点个赞。 当你兴致勃勃买了台服务器，然后规划着美好的未来，规划搭建平台。问题…

通常我们开发vue项目，都会使用到vue-cli脚手架工具构建想要的项目模版，这样固然能无视各种配置，高效地编写项目。可是vue-cli这样类似黑盒的模版配置，对于初学者来说，其实是很伤的。每天都只会关注业务逻辑代码，写了一两年甚至连webpack的基本配置都不了解。 而且，v…

我们知道vue可以快速开发web单页应用，而且官方为我们提供了自己的应用脚手架vue-cli，我们只需要下载脚手架，安装依赖后就可以启动vue应用雏形。这得益与webpack的依赖追踪，各种资源后缀的

大型组织的组织结构、软件架构在不断地发生变化。移动优先（Mobile First）、App中台（One App）、中台战略等，各种口号在不断的提出、修改和演进。同时，业务也在不断地发展，导致应用不断膨胀，进一步映射到软件架构上。 现有Web应用（SPA）不能很好的拓展和部署，随…

single-spa 一个基于JavaScript的 微前端 框架，他可以用于构建可共存的微前端应用，每个前端应用都可以用自己的框架编写，完美支持 Vue React Angular。可以实现 服务注册 事件监听 子父组件通信 等功能。 single-spa-vue 是提供给使…

vue-router分为hash和history模式，前者为其默认模式，url的表现形式为http://yoursite.com#home，比较难看。后者的url表现形式为http://yoursite.com/home，比较美观。 但如果要使用history模式，我们需要在后…