摘要：
作者：慕课网链接：https://www.zhihu.com/question/41667536/answer/486640083来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 一：Git是什么？Git是目前世界上最先进的分布式版本控制系统。工作原理 / 流程： Wo 阅读全文
摘要：
一、开发环境配置准备 1、创建dev.config.js文件 用来配置开发环境的代码 2、安装webpack-merge cnpm install webpack-merge -D 用来合并webpack配置项 二、开发环境基础配置代码 //合并webpack配置项constwebpackMerge 阅读全文
摘要：
一、创建项目初始化 1、初始化项目npm init -y 2、创建 src (用来存放开发环境的代码)文件夹。 config (用来存放webpack的配置项)文件夹 3、安装webpack Webpack-cli 二、base.config.js文件 config文件夹下创建base.config 阅读全文
摘要：
一、什么是babel babel是一个编译javascript的平台，它可以编译代码帮你达到以下目的 1、让你使用最近的javascript代码(ES6 ES7) 而不用管新的标准浏览器是否支持 2、让你使用基于javascript进行扩展语言 例如React的jsx typescript等 bab 阅读全文
摘要：
一、webpack-dev-server 1、安装 2、作用 开启一个web服务，监听文件的变化并自动刷新网页，做到实时预览。支持 Source Map，以方便调试 3、基本使用 contentBase:本地服务器加载页面的目录 host:指定使用的主机地址 hot:热模块替换 hotOnly:在没 阅读全文
摘要：
一、什么是plugins plugins可以使webpack在运行到某个时刻的时候，帮你做一些事情，类似于生命周期一样 plugins，它就是一个扩展器，它丰富了wepack本身，针对是loader结束后，webpack打包的整 个过程，它并不直接操作文件，而是基于事件机制工作，会监听webpack 阅读全文
摘要：
一、初识webpack 1、什么是webpack? WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用 2、webpack工作的方式 阅读全文