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
大家可以点击【 查看详情】查看我的课程

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

  1. PMP@第六版项目管理视频课程项目整体管理-乔俊峰-专题视频课程

    PMP@第六版项目管理视频课程项目整体管理-426人已学习 课程介绍         用通俗易懂的语言讲解了PMBOK第六版五大过程组.10大知识领域的内容.课程深刻的讲解了项目管理思想精髓,列举了大 ...

  2. ECMAScript 6 基础教程-姜威-专题视频课程

    ECMAScript 6 基础教程-3202人已学习 课程介绍         ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Ma ...

  3. 大型ERP实战项目教程-任亮-专题视频课程

    大型ERP实战项目教程-11719人已学习 课程介绍         通过本ERP项目的学习,可以使学生形成开发的思想,产生真正的动手开发的能力,本项目是原公司的真实项目,如果你没有经验,那么学习这个 ...

  4. Python函数基础教程-张明阳-专题视频课程

    Python函数基础教程-730人已学习 课程介绍         通过本次课程的讲解,可以让大家对Python函数章节中的装饰器.闭包.函数对象.迭代器和生成器进行彻底的了解,在授课的过程中,将会结 ...

  5. Cordova+React+OnsenUI+Redux新闻App开发实战教程-姜博-专题视频课程

    Cordova+React+OnsenUI+Redux新闻App开发实战教程-779人已学习 课程介绍         Cordova+React+OnsenUI+Redux新闻App开发实战视频培训 ...

  6. 红孩儿网狐Cocos经典棋牌开发教程-卞安-专题视频课程

    红孩儿网狐Cocos经典棋牌开发教程-4750人已学习 课程介绍         由知名Cocos技术讲师红孩儿讲解的基于网狐源码进行棋牌开发的系列教程. 课程收益     1.快速理解掌握网狐棋牌的 ...

  7. TypeScript 初级教程-姜威-专题视频课程

    TypeScript 初级教程-3068人已学习 课程介绍         TypeScript 是一种由微软开发的自由和开源的编程语言.它是JavaScript的一个超集,而且本质上向这个语言添加了 ...

  8. Flexbox 布局简明教程-姜威-专题视频课程

    Flexbox 布局简明教程-736人已学习 课程介绍         flexbox是一种新的布局方式,这种布局方式是2009年W3C提出的方案.它可以简便,完整,完成页面的布局.目前,它已经得到所 ...

  9. Android项目实战:简单天气-刘桂林-专题视频课程

    Android项目实战:简单天气-11200人已学习 课程介绍         学习新的知识点,时下Android比较流行的MPAndroidChart + Retrofit2.0 + Gson! 课 ...

  10. SEO搜索引擎优化教程-传智-专题视频课程

    SEO搜索引擎优化教程-12824人已学习 课程介绍         SEO是由英文Search Engine Optimization缩写而来, 中文意译为"搜索引擎优化".SE ...

最新文章

  1. 华人科学家在加拿大被区别对待,曾研究出埃博拉病毒治疗方法,Science刊文:同行震惊...
  2. 倾城之恋 “樱“爱而美2020-04-20
  3. 关于保存状态的Fragment,setRetainInstance(true)
  4. 现代游戏中的UX趋势
  5. 谷歌修复已遭利用的 Chrome 0day
  6. Kubernetes 小白学习笔记(30)--kubernetes云原生应用开发-service mesh介绍
  7. sql语句的插入方式总结
  8. 谷歌浏览器 无法翻译此网页的解决方法
  9. iOS 上的 WebSocket 框架 Starscream
  10. The Elder(hdu 5956 树上斜率dp + 队列还原)
  11. 不死僵尸木马lpt7.asp.asp与lpt5.cnzzz.asp的删除方法
  12. 计算机青岛科技大学济南大学,山东考生在山东理工,济大,山东科技和青岛科技中该如何选择?...
  13. Mac创建txt文件的两种方法
  14. 树莓派人体感应警报(python)HC-SR501红外人体感应
  15. 学习—吴恩达《机器学习》—手敲代码_准备工作之基于Ubuntu系统的 Anaconda(python环境)搭建
  16. Python学习笔记字典之检查字典中是否存在键或值
  17. caffe安装详细完整过程(Ubuntu16.04、Ubuntu18.04系统)
  18. 最新阿里大于短信配置接口-2020全网最详细版-划水小老虎
  19. 大学综评自招面试 计算机专业,沪9高校举行自招面试 高中学生综合素质纪实报告成重要参考...
  20. 动手搭建自己的web服务器

热门文章

  1. Docker教程精要版
  2. 一键配置以太网IP脚本
  3. Nginx的集群以及负载均衡
  4. snownlp抛出错误_请教大家有关SnowNLP分词、词性标注、情感分析的问题
  5. 【燃烧吧 切割机】 自制微型激光切割
  6. ISSCC上的微型计算机:体积更小、功耗更少、算力更强
  7. 4.FX Blue 本地跟单软件EA参数说明
  8. 程序人生之常见术语与名词解释
  9. R语言怎么写积分_2020年上海居住证积分申请表怎么填?个人履历该怎么写?—积分落户服务站...
  10. 推荐算法之协同过滤算法详解(原理,流程,步骤,适用场景)