首页  思维导图  详情



 



前端工程化

2021-09-02 14:39:07   45  举报





前端工程化

前端知识

模板推荐

作者其他创作

大纲/内容

模块化

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，看这篇就够了

模块加载

<ul><li>运行时加载（CommonJS、AMD） </li><li>编译时加载（ES6 Module） </li></ul>

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>

yarn add webpack yarn add webpack@<version>

webpack.config.js

package.json 脚本

 Collect

Get Started

工程化--工作流

 Collect

Get Started

前端工程化流程图

 Collect

Get Started

前端工程化

 Collect

Get Started

工程化改造3.0





0 条评论

下一页