Webpack

把一切都视为模块：不管是 css、JS、Image 还是 html 都可以互相引用，通过定义 entry.js，对所有依赖的文件进行跟踪，将各个模块通过 loader 和 plug...

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将...

```js webpack.prod.conf.js =>new webpack.optimize.UglifyJsPlugin({ compress: { warnings: f...

webpack.config.js: const path=require('path'); const HtmlWebapckPlugin=require('html-webpa...

合并文件: gulp-concat; 压缩 js: gulp-uglify; 文件重命名: gulp-rename; 压缩 css: gulp-minify-css 压缩 html...

webpack 是基于 commonjs 模块化规范进行代码合并, 而 gulp 只是简单的代码合并.

webpack, gulp,grunt

- webpack是一个模块打包的工具，它的作用是把互相依赖的模块处理成静态资源 - **优点** 依赖管理：方便引用第三方模块、让模块更容易复用、避免全局注入导致的冲突、避免重复...

file-loader：把文件输出到一个文件夹中，在代码中通过相对 URL 去引用输出的文件 url-loader：和 file-loader 类似，但是能在文件很小的情况下以 b...

js 1、 配置兼容编译ES6转成ES5 用babel来编译，npm i babel-core babel-loader babel-preset-env babel-polyfi...

Babel 的主要工作是对代码进行转译。(解决兼容, 解析执行一部分代码) jsx let a = 1 + 1 => var a = 2 转译分为三阶段： - 解析（Parse），...

gulp 强调的是前端开发的工作流程，我们可以通过配置一系列的 task，定义 task 处理的事务（例如文件压缩合并、雪碧图、启动 server、版本控制等），然后定义执行顺序，...

Loader像一个"翻译官"把读到的源文件内容转义成新的文件内容，并且每个Loader通过链式操作，将源文件一步步翻译成想要的样子。 编写Loader时要遵循单一原则，每个Load...

使用 enhanced-resolve，webpack 能解析三种文件路径： - 绝对路径 js import '/home/me/file'; import 'C:\\Users...