河畔的风

思路流程图 使用到的工具 commander chalk cross-spawn fs-etra inquirer 开始搭建脚手架的主要思路和关键代码 根据用户的终端输入，拿到全局配置信息 拷贝远程模

前端性能优化的意义 互联网发展十分迅速，现在做的网站内容越来越多，功能越来越强大，页面也越做越漂亮。随之而来的问题是页面内容越多页面速度就会受到影响。作为用户当然希望访问的页面速度越快越好。所以对于前

总结的话是这样 移动端： 图片： javascript: css: 页面内容： 服务器 cookie 下面是一些具体的措施: 尽可能减少HTTP请求: 使用cdn（内容分发网络） 添加expire/c

gulp用的也不是很熟，他和rollup不一样，是用的commonJS规范编写配置。 配置文件叫做gulpfile.js, 他的特点就是流式编写配置。通过定义一些列任务 然后组合进行打包. 通过npm

优点 不像webpack 配置比较繁琐 ejs 模式自动tree shaking 不会像webpack一样打包生成很多多余代码(webpack自定的require,factory函数等) 所以常用来打

webpack 实现 这是一个如何实现一个简单的webpack生成bundle.js的demo, 主要的实现流程: 另外需要用到以下插件: @babel/parser 用于分析源代码，产出 AST；

前端史 前端的发展迅速，新技术层出不穷，不跟上步伐，你将成为前浪，被时代所淘汰。 依稀记得最开始写MVC框架的快感，简称web1时代。 到后来的单页面机制的出现，前端出现了mvvm架构，简称web2时

webpack 配置 初始化webpack 通过npm i -g webpack webpack-cli下载webpack和webpack的命令行包。 js 配置 我们都知道es6语法在低版本浏览器内

介绍 前端工程化离不开npm或者Yarn 这些管理工具。npm或Yarn 在工程项目中，除了负责依赖的安装和维护以外，还能通过 npm scripts 串联起各个职能部分，让独立的环节自动运转起来。另