公开课来袭:Webpack项目打包配置方案和优化策略

开课吧开课吧锤锤2021-03-17 16:44

    随着互联网的高速发展以及技术的不断革新,Web前端工程师需要掌握的技术也有所变更。初学编程的小伙伴经常会遇到的问题,1.没资源2.没人带3.不知道从何开始。那么今天就为大家带来一堂生动的课程:Webpack项目打包配置方案和优化策略。

web

    课程名称

    Webpack项目打包配置方案和优化策略

    你将获得

    1、理解核心概念与基本使用,学会搭建配置一个基于Webpack的项目

    2、聚焦开发环境的webpack该如何配置和优化

    3、如何优化webpack构建打包速度和生产环境代码

    4、多种工具Webpack/Vite/Rollupi如何选择

    课程知识点

    Part01核心概念与基本使用

    Webpack中的module,chunk,bundle的概念通过entry设置打包入口

    通过output配置打包输出使用loader配置模块解杆配置plugin

    通过mode选项设置内置打包优化方案

    收获:学会搭建配置一个基于Webpack的项目

    Part02开发环境的webpack该如何配置和优化?

    使用devserver配置本地开发服务器环境热更新配置

    接口跨域配置

    调试利器sourceMap的各种配置详解

    收获:了解开发过程中的关注重点,掌握Webpack在开发环境中的配置优化方案

    Part03如何优化webpack构建打包速度和生产环境代码?

    CSS文件提取与压缩

    html文件内容优化

    缓存配置优化

    使用TreeShaking去除无用代码

    使用CodeSplit分割代码

    使用externals处理外部依赖优化打包体积与速度

    使用DII优化打包构建速度

    收获:了解开发过程中的关注重点,掌握Webpack在开发环境中的配置优化方案

    Part04Webpack/Vite/Rollup该如何选择?

    Webpack关心什么?

    Vite关心什么?

    Rollup又关心什么?

    收获:了解开发过程中的关注重点,掌握Webpack在开发环境中的配置优化方案

    开课时间

    3月18日晚8点

    报名方式

    点击图片或扫描二维码即可报名

web

    在学习代码的时候必须而且一定要有一个老师带着学,无论是学习Java还是前端,如果没有一个明白人帮你解决一下问题,首先会浪费非常多的时间。而且学习的不专业,对于基础的把握不牢靠,后面的都是白扯。所以快快来学习吧!

有用
分享