webpack基础和完整项目脚手架搭建教程-郭永峰-专题视频课程

webpack基础和完整项目脚手架搭建教程—2914人已学习
课程介绍    

    该webpack视频教程主要分为两大部分，分别是使用webpack搭建完整前端工作流跟具体的案例实战：如何开发一个属于自己的前端类库。 1、认识 webpack 的作用及其能力介绍；2、掌握基本配置搭建开发环境；3、集成测试机制；4、优化性能并提升开发体验
课程收益
    能够自己搭建一套完整的前端开发环境
    具备基本前端架构经验
    能够对webpack的配置修改实现性能优化和开发体验增强
讲师介绍
    郭永峰 更多讲师课程
    郭永峰，前端架构师，现用友网络 FED团队负责人，目前主要负责企业级应用前端技术平台建设工作，在前端工程化实现、Node 应用开发、React技术、移动开发等方向有丰富实践。
课程大纲
  第1章:使用webpack搭建完整前端工作流
    1. webpack介绍  2:38
    2. 创建项目目录  5:57
    3. 使用webpack跑通基本开发环境  8:07
    4. 支持es6语法  5:35
    5. 自动产出html文件  4:57
    6. 在本地启动服务  9:47
    7. 支持react的jsx语法  10:36
    8. 组件中使用使用css样式  13:18
    9. 使用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
  第2章:实战：如何开发一个属于自己的前端类库
    1. 如何做一个自己的前端类库  2:32
    2. 搭建基本的开发环境  2:20
    3. 创建项目结构  5:29
    4. 使用webpack和babel  11:08
    5. 打包成umd规范  4:55
    6. 开发工具配置  5:52
    7. 区分开发环境和生产环境  4:52
    8. 生产环境下压缩代码  8:38
    9. 使用eslint进行代码检查  7:37
    10. 类库测试  12:58
    11. 发布npm和github  13:27
大家可以点击【 查看详情】查看我的课程