• 课程 / JavaScript

    Webpack5实战教程(从入门到精通)

    【23期】PHP阶段,4.6号开班!

    立即报名
    介绍章节评论课件
    webpack作为现代前端开发中爆火的模块打包工具,广泛应用于前端工程领域,是前端工程师常备的技能之一。全球知名公司(如:谷歌、阿里、腾讯等)都在使用webpack作为模块打包工具。 随着webpack5也研发近一年,即将要隆重推出。我们在学完webpack4配置,将会无缝切换到webpack5,全面讲解webpack5新特性。
  • 难度:初级
  • 共40章节
  • 18224次播放
  • 第1章 第一章

    课程介绍

    04:13

    webpack简介

    12:54

    webpack五个核心概念

    06:46

    webpack的初体验

    15:19

    打包样式资源

    27:14

    打包html资源

    08:52

    打包图片资源

    24:25

    打包其他资源

    12:16

    devServer

    11:04

    开发环境基本配置

    22:44
    第2章 第二章

    构建环境介绍

    04:07

    提取css成单独文件

    11:08

    css兼容性处理

    10:48

    压缩css

    04:33

    js语法检查eslint

    16:49

    js兼容性处理eslint

    压缩html和js

    04:26

    生产环境基本配置

    23:43

    性能优化介绍

    04:39

    HMR

    19:14
    第3章 第三章

    source-map

    26:07

    oneOf

    04:02

    缓存

    22:05

    tree shaking

    09:16

    code split

    24:09

    懒加载和预加载

    12:34

    PWA

    15:50

    多进程打包

    06:56

    externals

    05:17

    dll

    17:38
    第4章 第四章

    性能优化总结

    28:13

    webpack配置详解介绍

    05:06

    webpack详细配置之entry

    15:38

    webpack详细配置之output

    12:08

    webpack详细配置之module

    04:52

    webpack详细配置之resolve

    09:01

    webpack详细配置之devServer

    10:36

    webpack详细配置之optimization

    23:50

    webpack5介绍和使用

    20:20

    总结webpack

    28:45

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    webpack作为现代前端开发中爆火的模块打包工具,广泛应用于前端工程领域,是前端工程师常备的技能之一。全球知名公司(如:谷歌、阿里、腾讯等)都在使用webpack作为模块打包工具。 随着webpack5也研发近一年,即将要隆重推出。我们在学完webpack4配置,将会无缝切换到webpack5,全面讲解webpack5新特性。

    全部评论我要评论

  • 超大只番薯

    超大只番薯1年前

    有个错误postcssOptions:{ ident:"postcss", plugins:[ require("postcss-preset-env")() ] }

    回复
    0

  • 超大只番薯

    超大只番薯1年前

    contentBase已被弃用,相关的语句替换为 static: { directory: resolve(__dirname, 'dist'), },

    回复
    0

  • 取消回复发送
  • PHP中文网