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
大家可以点击【 查看详情】查看我的课程
webpack基础和完整项目脚手架搭建教程-郭永峰-专题视频课程相关推荐
- PMP@第六版项目管理视频课程项目整体管理-乔俊峰-专题视频课程
PMP@第六版项目管理视频课程项目整体管理-426人已学习 课程介绍 用通俗易懂的语言讲解了PMBOK第六版五大过程组.10大知识领域的内容.课程深刻的讲解了项目管理思想精髓,列举了大 ...
- ECMAScript 6 基础教程-姜威-专题视频课程
ECMAScript 6 基础教程-3202人已学习 课程介绍 ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,英文名称是European Computer Ma ...
- 大型ERP实战项目教程-任亮-专题视频课程
大型ERP实战项目教程-11719人已学习 课程介绍 通过本ERP项目的学习,可以使学生形成开发的思想,产生真正的动手开发的能力,本项目是原公司的真实项目,如果你没有经验,那么学习这个 ...
- Python函数基础教程-张明阳-专题视频课程
Python函数基础教程-730人已学习 课程介绍 通过本次课程的讲解,可以让大家对Python函数章节中的装饰器.闭包.函数对象.迭代器和生成器进行彻底的了解,在授课的过程中,将会结 ...
- Cordova+React+OnsenUI+Redux新闻App开发实战教程-姜博-专题视频课程
Cordova+React+OnsenUI+Redux新闻App开发实战教程-779人已学习 课程介绍 Cordova+React+OnsenUI+Redux新闻App开发实战视频培训 ...
- 红孩儿网狐Cocos经典棋牌开发教程-卞安-专题视频课程
红孩儿网狐Cocos经典棋牌开发教程-4750人已学习 课程介绍 由知名Cocos技术讲师红孩儿讲解的基于网狐源码进行棋牌开发的系列教程. 课程收益 1.快速理解掌握网狐棋牌的 ...
- TypeScript 初级教程-姜威-专题视频课程
TypeScript 初级教程-3068人已学习 课程介绍 TypeScript 是一种由微软开发的自由和开源的编程语言.它是JavaScript的一个超集,而且本质上向这个语言添加了 ...
- Flexbox 布局简明教程-姜威-专题视频课程
Flexbox 布局简明教程-736人已学习 课程介绍 flexbox是一种新的布局方式,这种布局方式是2009年W3C提出的方案.它可以简便,完整,完成页面的布局.目前,它已经得到所 ...
- Android项目实战:简单天气-刘桂林-专题视频课程
Android项目实战:简单天气-11200人已学习 课程介绍 学习新的知识点,时下Android比较流行的MPAndroidChart + Retrofit2.0 + Gson! 课 ...
- SEO搜索引擎优化教程-传智-专题视频课程
SEO搜索引擎优化教程-12824人已学习 课程介绍 SEO是由英文Search Engine Optimization缩写而来, 中文意译为"搜索引擎优化".SE ...
最新文章
- 华人科学家在加拿大被区别对待,曾研究出埃博拉病毒治疗方法,Science刊文:同行震惊...
- 倾城之恋 “樱“爱而美2020-04-20
- 关于保存状态的Fragment,setRetainInstance(true)
- 现代游戏中的UX趋势
- 谷歌修复已遭利用的 Chrome 0day
- Kubernetes 小白学习笔记(30)--kubernetes云原生应用开发-service mesh介绍
- sql语句的插入方式总结
- 谷歌浏览器 无法翻译此网页的解决方法
- iOS 上的 WebSocket 框架 Starscream
- The Elder(hdu 5956 树上斜率dp + 队列还原)
- 不死僵尸木马lpt7.asp.asp与lpt5.cnzzz.asp的删除方法
- 计算机青岛科技大学济南大学,山东考生在山东理工,济大,山东科技和青岛科技中该如何选择?...
- Mac创建txt文件的两种方法
- 树莓派人体感应警报(python)HC-SR501红外人体感应
- 学习—吴恩达《机器学习》—手敲代码_准备工作之基于Ubuntu系统的 Anaconda(python环境)搭建
- Python学习笔记字典之检查字典中是否存在键或值
- caffe安装详细完整过程(Ubuntu16.04、Ubuntu18.04系统)
- 最新阿里大于短信配置接口-2020全网最详细版-划水小老虎
- 大学综评自招面试 计算机专业,沪9高校举行自招面试 高中学生综合素质纪实报告成重要参考...
- 动手搭建自己的web服务器
热门文章
- Docker教程精要版
- 一键配置以太网IP脚本
- Nginx的集群以及负载均衡
- snownlp抛出错误_请教大家有关SnowNLP分词、词性标注、情感分析的问题
- 【燃烧吧 切割机】 自制微型激光切割
- ISSCC上的微型计算机:体积更小、功耗更少、算力更强
- 4.FX Blue 本地跟单软件EA参数说明
- 程序人生之常见术语与名词解释
- R语言怎么写积分_2020年上海居住证积分申请表怎么填?个人履历该怎么写?—积分落户服务站...
- 推荐算法之协同过滤算法详解(原理,流程,步骤,适用场景)