前端工程化

最早期

简单封装：Namespace 模式

匿名闭包 ：IIFE 模式

引入依赖

第一日 上古时期

起初

石器

第二日 石器时代

YUI

第三日 蒸汽朋克

NodeJS

COMMONJS

第四日 号角吹响

AMD/CMD

RequireJS

第五日 双塔奇兵

Browserify

Webpack

Require() Anything!

第六日 精灵宝钻

Single Default Module

Named Exports

Importing Named Exports

Lists

第七日 王者归来

JavaScript 模块化七日谈

Module 的加载实现

入门Webpack3，看这篇就够了

Reference

import

export

运行时加载（CommonJS、AMD）编译时加载（ES6 Module）

模块加载

webpack.config.js

webpack

模块化

一  yarn init

二 yarn add webpack

webpack serve

三 编辑 packge.josn

流程

postcss.config.js

postcss-cli

Stylus 中文文档

Stylus 英文文档

Sass/Scss

Less

autoprefixer

cssnext

PostCSS

CSS

Babel

npm install --save-dev webpacknpm install --save-dev webpack@<version>

yarn add webpackyarn add webpack@<version>

安装

webpack4

package.json 脚本

工程化