微信
支付宝- 视频课程
- >
- Web全栈
- >
- JavaScript
webpack基础和完整项目脚手架搭建教程
购买讲师卡，免费观看讲师全部课程
郭永峰，前端架构师，现用友网络 FED团队负责人，目前主要负责企业级应用前端技术平台建设工作，在前端工程化实现、Node 应用开发、React技术、移动开发等方向有丰富实践。
显示更多
【课程介绍】
该webpack视频教程主要分为两大部分，分别是使用webpack搭建完整前端工作流跟具体的案例实战：如何开发一个属于自己的前端类库。
1、认识 webpack 的作用及其能力介绍；2、掌握基本配置搭建开发环境；3、集成测试机制；4、优化性能并提升开发体验
该webpack视频教程主要分为两大部分，分别是使用webpack搭建完整前端工作流跟具体的案例实战：如何开发一个属于自己的前端类库。
1、认识 webpack 的作用及其能力介绍；2、掌握基本配置搭建开发环境；3、集成测试机制；4、优化性能并提升开发体验
【课程收益】
能够自己搭建一套完整的前端开发环境
具备基本前端架构经验
能够对webpack的配置修改实现性能优化和开发体验增强
能够自己搭建一套完整的前端开发环境
具备基本前端架构经验
能够对webpack的配置修改实现性能优化和开发体验增强
课程大纲
- 第一章：使用webpack搭建完整前端工作流
-
- 01. webpack介绍 2:38
- 02. 创建项目目录 5:57
- 03. 使用webpack跑通基本开发环境 8:07
- 04. 支持es6语法 5:35
- 05. 自动产出html文件 4:57
- 06. 在本地启动服务 9:47
- 07. 支持react的jsx语法 10:36
- 08. 组件中使用使用css样式 13:18
- 09. 使用karma-mocha搭建测试环境 6:04
- 10. 使用chai测试框架 3:07
- 11. 使用eslint进行代码检查 5:21
- 12. 使用uglify-js进行代码压缩 3:36
- 13. 给文件头部自动插入banner 3:33
- 14. 将css单独加载 3:39
- 15. 添加hash值 7:06
- 16. 打包完成后自动打开浏览器 3:27
- 第二章：实战：如何开发一个属于自己的前端类库
-
- 01. 如何做一个自己的前端类库 2:32
- 02. 搭建基本的开发环境 2:20
- 03. 创建项目结构 5:29
- 04. 使用webpack和babel 11:08
- 05. 打包成umd规范 4:55
- 06. 开发工具配置 5:52
- 07. 区分开发环境和生产环境 4:52
- 08. 生产环境下压缩代码 8:38
- 09. 使用eslint进行代码检查 7:37
- 10. 类库测试 12:58
- 11. 发布npm和github 13:27
阅读更多
发布回复
