[网站建设] 项目实战四大维度解锁 Webpack 3.0工具全技能 Webpack 3.0前端工程化视...

Hooschen

课程简介:   

基于Webpack 3.0配合Loader、插件、工具的使用，搭建前端主流Vue、React、Angular的开发环境和项目框架，解决线上代码缓存、体积优化、本地开发环境代理请求等需求，提高开发效率！

适合人群及技术储备要求：
随着模块化开发的普及，项目功能需求不断增加，Webpack已成为项目开发的标配，本课程适合前后端开发者深入学习Webpack工具的学员，全程每个技术点贯穿实战讲解，学完让你直接运用到企业项目开发，大大提高你的开发效率

学前必备技术：
对模块化开发有一定的认识，了解Node.js基础知识

----------------------课程目录------------------------------
第1章 课程简介
讲述课程背景，从前端开发的变化 到 前端工具的发展变化，介绍了课程内容，课程安排。
第2章 学习准备
讲述模块化开发的思想、学习环境准备，webpack 的概况，版本更迭，核心概念等，为开始实践学习webpack 做准备。
第3章 由浅入深Webpack（1）
由一个个的实例组成，介绍webpack 在处理各种实例的下的配置，实例包括 Typescript Ecmascript Less 语言的预编译，讲解了 Webpack 提取公共代码、代码分割、动态import、魔法注释、JS 和 CSS 的 TreeShaking等新特性。
第4章 由浅入深Webpack（2）
图片的压缩、CSS 雪碧图、PostCSS 的使用、HTML 的生成等。
第5章 Webpack 环境配置
介绍如何搭建 Webpack 本地开发环境，配置模块热更新、如何通过SourceMap调试代码、通过代码检查工具提高代码质量。
第6章 Webpack 实战场景
介绍Webpack 打包分析工具，如果使用webpack 长缓存优化，如何提升打包速度。
第7章 Webpack 和 Vue
介绍Webpack 和 Vue 的结合，Vue-cli 的模版介绍，以及模版中的各项配置。
第8章 Webpack 和 React
介绍Webpack 和 React 的结合，介绍官方脚手架 Create-React-App 以及各种配置。
第9章 Webpack 和 Angular
介绍 Webpack 和 Angular的结合，介绍官方命令行工具 Angular-cli，以及如何自定义配置。
第10章 课程总结
webpack相关面试技术讲解。

acoolfish

谢谢分享！谢谢分享！谢谢分享！

xieyoude

[网站建设] 项目实战四大维度解锁 Webpack 3.0工具全技能 Webpack 3.0前端工程化视