这门课解决什么工作场景
在前端工程化场景里，Webpack 是绕不过去的构建环节。很多转行者或刚接触前端项目的上班族，能照着文档写出页面，却搞不懂为什么本地能跑、上线就报模块解析错误；一遇到引入 CSS、图片报错，或者要配开发环境热更新，就卡在打包配置上反复试错。这门课针对的就是这类“能写页面但不会配置工程”的痛点，把构建工具从黑盒拆成可查、可改的配置文件。它不教你写业务组件，而是解决“怎么把零散的源码文件组织成浏览器能稳定运行的产物”这个工程问题。
适合什么基础与建议先看哪几块
这套资料不适合零基础，你需要先具备基础的 HTML、CSS 和原生 JavaScript 写作能力。从资料结构看，它并没有一上来就硬讲打包配置，而是先补齐 ES6 语法、异步操作、模块化，以及 Node.js 和 npm 的基础概念。如果你对 import/export 还一知半解，或者没在命令行装过依赖包，建议先扎实看完这些前置基础块，再进入 webpack 主体。主体部分从认识入口、输出和 loader 开始，逐步覆盖样式处理、PostCSS 自动补前缀、图片资源加载、Babel 转译，最后落到 dev-server 和多环境配置。建议先把 loader 这条线串起来看，理解 webpack 本质是“不同文件交给对应 loader 处理”的流水线，再去看双配置文件的拆分，思路会清晰很多。
学完能独立做什么与资料怎么配合练习
学完后，你应该能独立为一个常规的前端项目从零搭建构建环境：配置不同资源的解析规则、接入 Babel 处理新语法、设置本地开发服务器实现修改即刷新，并能区分开发与生产两套配置。资料不是看完就完事的视频流，必须跟着动手敲。建议每看懂一个 loader 配置，就自己新建一个空目录，装依赖、写配置、放对应文件，跑一次打包看产物是否正确生成。遇到报错先看终端提示，而不是倒回去找视频。打包工具的熟练度全靠踩坑积累，把样式加载失败、路径解析错误这些常见问题在本地亲自跑通一遍，比单纯看几遍视频都有用。工具版本会变，但配置排查的思路是通用的。
1-1.课程介绍 · 2-1-1.介绍、认识ES6 · 2-1-2.基础语法 · 2-1-4.异步操作 · 2-1-5.面向对象、模块化 · 2-1-6.ES7
课程目录
* 1-1.课程介绍
* 2-1-1.介绍、认识ES6
* 2-1-2.基础语法
* 2-1-4.异步操作
* 2-1-5.面向对象、模块化
* 2-1-6.ES789预览、总结
* 2-2.基础知识-正则表达式
* 2-3.基础知识-认识Node.js、npm
* 3-1.认识webpack
* 3-2.认识loader、style-loader和css-loader
* 3-3.postcss-loader和autoprefixer
* 3-4.file-loader和url-loader
* 3-5.less-loader和babel-loader、总结
* 3-6.灵活配置：dev-server和webpack双配置
* 3-7.代码质量管理、代码测试
* 3-8.webpack完整配置
* 4-1.实战案例：Vue_webpack
* 4-2.实战案例：vue-cli
* 【智能社】Webpack——从入门到精通/
* 01 第一章 课程介绍/
* 01 1-1.课程介绍.vep
* 1-1.课程介绍.vep
* 02 第二章 基础知识/
* 07 2-2.基础知识-正则表达式.vep
* 2-1-1.介绍、认识ES6.vep
* 2-1-2.基础语法.vep
* 2-1-4.异步操作.vep
* 2-1-5.面向对象、模块化.vep
* 2-1-6.ES789预览、总结.vep
* 2-2.基础知识-正则表达式.vep
* 2-3.基础知识-认识Node.js、npm.vep
* 03 第三章 Webpack的使用/
* 01 3-1.认识webpack.vep
* 08 3-8.webpack完整配置.vep
* 3-1.认识webpack.vep
* 3-2.认识loader、style-loader和css-loader.vep
* 3-3.postcss-loader和autoprefixer.vep
* 3-4.file-loader和url-loader.vep
* 3-5.less-loader和babel-loader、总结.vep
* 3-6.灵活配置：dev-server和webpack双配置.vep
* 3-7.代码质量管理、代码测试.vep
* 3-8.webpack完整配置.vep
* 04 第四章 实战案例/
* 01 4-1.实战案例：Vue_webpack.vep
* 03 本课程参考资料汇总.zip
* 4-1.实战案例：Vue_webpack.vep
* 4-2.实战案例：vue-cli.vep
