03 2022 档案

【专项学习】 —— Webpack5从入门到精通课程学习（七）
摘要：这篇主要介绍《webpack详细配置》。（demo代码github地址） 知识点包括： webpack详细配置之entry webpack详细配置之output webpack详细配置之module webpack详细配置之resolve webpack详细配置之devserver webpack详 阅读全文
posted @ 2022-03-09 11:30 柳洁琼Elena 阅读(64) 评论(0) 推荐(0) 编辑
【专项学习】 —— Webpack5从入门到精通课程学习（六）
摘要：这篇主要介绍《webpack优化环境配置（下）》。（demo代码github地址） 知识点包括： 懒加载和预加载 懒加载 预加载 PWA（离线可访问） 多进程打包 externals DLL（动态链接库） 一、懒加载和预加载 懒加载 懒加载就是，在实际项目中，某个.js文件，还没有用到，此时不进行加 阅读全文
posted @ 2022-03-08 15:09 柳洁琼Elena 阅读(80) 评论(0) 推荐(0) 编辑
【专项学习】 —— Webpack5从入门到精通课程学习（五）
摘要：这篇主要介绍《webpack优化环境配置（中）》。（demo代码github地址） 知识点包括： tree shaking code split（代码分割） 第一种方法 第二种方法 第三种方法 一、tree shaking 1、复制上一篇的生产环境缓存工程文件。然后重命名。 tree shaking 阅读全文
posted @ 2022-03-08 11:21 柳洁琼Elena 阅读(68) 评论(0) 推荐(0) 编辑
【专项学习】 —— Webpack5从入门到精通课程学习（四）
摘要：这篇主要介绍《webpack优化环境配置（上）》。（demo代码github地址） 知识点包括： 开发环境性能优化（HMR） source-map oneOf 一、开发环境性能优化（HMR） 1、将webpack生产环境配置汇总工程完整复制一份，并重命名。 在终端输入npx webpack serv 阅读全文
posted @ 2022-03-07 15:54 柳洁琼Elena 阅读(97) 评论(0) 推荐(0) 编辑
【专项学习】 —— Webpack5从入门到精通课程学习（三）
摘要：这篇主要介绍《webpack生产环境配置》。（demo代码github地址） 知识点包括： 提取css成单独文件 css的兼容性处理 压缩css 压缩html和js 一、提取css成单独文件 1、先用以往的开发模式来打包。创建以下文件夹，build里的内容是打包后生成的。 index.html <! 阅读全文
posted @ 2022-03-04 14:51 柳洁琼Elena 阅读(101) 评论(0) 推荐(0) 编辑
【专项学习】 —— Webpack5从入门到精通课程学习（二）
摘要：这篇介绍《webpack开发环境配置》（下）。（demo代码github地址） 知识点包括： 打包其他资源 devServer 开发环境配置。 一、打包其他资源 1、字体图标等属于其他资源，即不需要做优化做压缩的资源。首先去阿里矢量图标库下载一些图标。 2、下载后解压，里边有这些东西。 demo_i 阅读全文
posted @ 2022-03-03 17:23 柳洁琼Elena 阅读(82) 评论(0) 推荐(0) 编辑
【专项学习】 —— Webpack5从入门到精通课程学习（一）
摘要：这篇笔记记录《webpack基础使用》和《webpack开发环境配置（上）》。（demo代码github地址） 知识点包括： webpack简介 webpack核心概念 webpack初体验 增加webpack打包样式资源功能 增加打包html资源功能 新增打包图片资源 一、webpack简介 vs 阅读全文
posted @ 2022-03-03 10:44 柳洁琼Elena 阅读(288) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示