search

Christian-health / StudyNote2017

2017年学习笔记
0 stars 0 forks source link

吴浩麟老师的webpack书籍学习 : http://webpack.wuhaolin.cn/ #55

Open Christian-health opened 6 years ago

Christian-health commented 6 years ago

1-1 前端的发展

1-1-

Christian-health commented 6 years ago

1-2常见的构建工具及对比

1-2-

Christian-health commented 6 years ago

1-3安装与使用

1-3- webpack

Christian-health commented 6 years ago

1-4使用Loader

1-4- loader

Christian-health commented 6 years ago

1-5使用Plugin

1-5- plugin

Christian-health commented 6 years ago

1-5- plugin

Christian-health commented 6 years ago

1-7核心概念

2

Christian-health commented 6 years ago

2-1Entry

2-1-entry

Christian-health commented 6 years ago

2-2Output

-2-2-output

Christian-health commented 6 years ago

2-3Module

2-3-module

Christian-health commented 6 years ago

2-4Resolve

2-4-resolve

Christian-health commented 6 years ago

2-5Plugins

2-5-plugin

Christian-health commented 6 years ago

2-6DevServer

2-6-devserver

Christian-health commented 6 years ago

2-7其它配置项

2-7-

Christian-health commented 6 years ago

2-8整体配置结构

2-8-

Christian-health commented 6 years ago

2-9多种配置类型

2-9-

Christian-health commented 6 years ago

2-10配置总结

2-10-

Christian-health commented 6 years ago

3-1使用ES6语言

Christian-health commented 6 years ago

3-2使用TypeScript语言

Christian-health commented 6 years ago

3-3使用Flow检查器

Christian-health commented 6 years ago

3-4使用SCSS语言

3-4- scss

Christian-health commented 6 years ago

3-5使用PostCSS

image 3-5- postcss

Christian-health commented 6 years ago

3-6使用React框架

3-6- react

Christian-health commented 6 years ago

3-7使用Vue框架

3-7- vue

Christian-health commented 6 years ago

3-8使用Angular2框架

image 3-8- angular2

Christian-health commented 6 years ago

3-9为单页应用生成HTML

3-9- html

Christian-health commented 6 years ago

3-10管理多个单页应用

3-10-

Christian-health commented 6 years ago

3-11构建同构应用

Christian-health commented 6 years ago

3-12构建Electron应用

Christian-health commented 6 years ago

3-13构建Npm模块

Christian-health commented 6 years ago

3-14构建离线应用

Christian-health commented 6 years ago

3-15搭配NpmScript

3-15- npm script

Christian-health commented 6 years ago

3-16检查代码

3-16-

Christian-health commented 6 years ago

3-17通过Node.jsAPI启动Webpack

3-17- node js api webpack

Christian-health commented 6 years ago

3-18使用WebpackDevMiddleware

Christian-health commented 6 years ago

3-19加载图片

3-19

Christian-health commented 6 years ago

3-20加载SVG

3-20- svg

Christian-health commented 6 years ago

3-21加载SourceMap

3-21- source map

Christian-health commented 6 years ago

3-22实战总结

Christian-health commented 6 years ago

4-1 缩小文件搜索范围

4-1-

Christian-health commented 6 years ago

4-2 使用 DllPlugin

4-2- dllplugin

Christian-health commented 6 years ago

4-3 使用 HappyPack

4-3- happypack

Christian-health commented 6 years ago

4-4 使用 ParallelUglifyPlugin

4-4- paralleluglifyplugin

Christian-health commented 6 years ago

4-5 使用自动刷新

4-5-

Christian-health commented 6 years ago

4-6 开启模块热替换

Christian-health commented 6 years ago

4-7 区分环境

Christian-health commented 6 years ago

4-8 压缩代码

4-8-

Christian-health commented 6 years ago

4-9 CDN 加速

4-9-cdn

Christian-health commented 6 years ago

4-10 使用 Tree Shaking

Christian-health commented 6 years ago

4-11 提取公共代码

4-11-

Christian-health commented 6 years ago

4-12 按需加载

4-12-