论坛 › 『IT教程旧版』 › 使用 webpack 定制前端开发环境(MD版)

欧阳踏雪 发表于 2019-5-20 00:18

使用 webpack 定制前端开发环境(MD版)

〖课程介绍〗:
                你会学到什么？" y; ~- R* F4 h. M- L8 u
                        前端构建的基本知识
                        webpack 的基本使用
                        使用 webpack 定制前端开发环境
                        使用 webpack 优化前端资源的加载
                        开发 webpack 的 loader 和 plugin
                        了解 webpack 内部基本的工作流程! Z+
                        结合实际项目使用 webpack 的经验
                4 B8 C- X- I3 L$ _
                希望你在学完整个小册后，可以做到：
                        了解前端构建，了解构建需求的原因和由来
                        原有的 webpack 构建出问题了，我可以迅速定位解决问题4 @; C8 U6 F: ^! ^. i
                        项目构建中需要 xxx，我可以简单调整 webpack 的配置来搞定
                        项目构建流程中需要 xxx，我可以写个 webpack plugin 来实现7 @1 a- y, W/ {F- s: A3 |
                        新项目中，我可以自由根据需要使用 webpack 来规范前端构建
               
                适宜人群
                        具备 HTML、CSS、JavaScript、Node.js 一定基础知识的开发人员
                        希望掌握构建知识，提高工程化能力的前端开发者
# u0 j5 P$ b2 _
                可以试一下这一款markdown编辑器: https://www.typora.io/, J, X* G! w% W) J; x1 ie
〖课程目录〗:; f" p* V6 s! k1 U1 Z% g6 f9 O8 U
                1.webpack 如何解析代码模块路径.md
                2.搭建基本的前端开发环境.md* n) E& P9 ^8 s( F; }3 |
                3.webpack 的概念和基础使用.md
                4.配置 loader.md- U& f6 V; j6 w' ]7 {! m( n- u- N& G
                5.使用 plugin.md) |$ _- t# O2 Y+ q; o3 l
                6.更好地使用 webpack-dev-server.md, S! F2 V5 ^2 o1 O$ n
                7.开发和生产环境的构建配置差异.md+ YT2 J+ F+ y6 B% a& e
                8.用 HMR 提高开发效率.md
                9.优化前端资源加载 1 - 图片加载优化和代码压缩.md
                10.优化前端资源加载 2 - 分离代码文件.md- d$ U' ?# U+ D2 {3 Q9 j
                11.优化前端资源加载 3 - 进一步控制 JS 大小.md
                12.提升 webpack 的构建速度.md+ d- g1 }; x+ p4 y
                13.探究 webpack 内部工作流程.md
                14.创建自己的 loader.md: }4 h3 d2 g4 Y) G. I' s$ N( w
                15.创建自己的 plugin.md) y9 G% r( ]3 l0 k+ x
                16.总结.md






**** Hidden Message *****

79289908@qq.com 发表于 2019-8-4 18:28

感谢分享学习一下前端自动化

xinyiyukenan 发表于 2019-8-14 16:52

6666666666666666666

patrickgao 发表于 2020-1-29 01:52

6666666666666

caojie 发表于 2020-3-20 12:08

使用 webpack 定制前端开发环境(MD版)

xqkxqk 发表于 2020-8-8 23:49

您要查看本帖隐藏内容请回

james8 发表于 2020-8-9 00:02

66666666666666666666

兮兮 发表于 2020-12-21 15:06

888888888888888888888888888888888888888888

cwj 发表于 2021-9-2 10:34

学习一下看看讲的怎么样谢谢分享

zhangyuan888 发表于 2021-10-16 03:31

无回帖，不论坛，这才是人道。

查看完整版本: 使用 webpack 定制前端开发环境(MD版)