前端工程化
2021-09-02 14:39:07 45 举报
AI智能生成
前端工程化
作者其他创作
大纲/内容
模块化
Reference
JavaScript 模块化七日谈
第一日 上古时期
最早期
简单封装:Namespace 模式
匿名闭包 :IIFE 模式
引入依赖
第二日 石器时代
起初
石器
第三日 蒸汽朋克
YUI
第四日 号角吹响
COMMONJS
NodeJS
第五日 双塔奇兵
AMD/CMD
RequireJS
第六日 精灵宝钻
Browserify
Webpack
Require() Anything!
第七日 王者归来
Single Default Module
Named Exports
Importing Named Exports
Lists
前端模块化:CommonJS,AMD,CMD,ES6
Module 的加载实现
入门Webpack3,看这篇就够了
模块加载
- 运行时加载(CommonJS、AMD)
- 编译时加载(ES6 Module)
Single Default Module
Named Exports
Importing Named Exports
Lists
import
export
webpack
webpack.config.js
流程
一 yarn init
二 yarn add webpack
webpack serve
三 编辑 packge.josn
CSS
PostCSS
postcss-cli
postcss.config.js
Stylus 中文文档
Stylus 英文文档
Sass/Scss
Less
autoprefixer
cssnext
Babel
webpack4
安装
npm install --save-dev webpack
npm install --save-dev webpack@<version>
npm install --save-dev webpack@<version>
yarn add webpack
yarn add webpack@<version>
yarn add webpack@<version>
webpack.config.js
package.json 脚本
0 条评论
下一页