码迷,mamicode.com
首页 > Web开发 > 详细

四大维度解锁 Webpack 3.0 前端工程化

时间:2018-09-26 20:45:13      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:学习   targe   介绍   开发   网盘下载   定义   动态   模块   打包   

百度网盘下载

第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相关面试技术讲解。

下载地址:百度网盘下载

四大维度解锁 Webpack 3.0 前端工程化

标签:学习   targe   介绍   开发   网盘下载   定义   动态   模块   打包   

原文地址:https://www.cnblogs.com/zanguixuan/p/9709348.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!