芒果茶叶

每次写完代码都需要手动输入指令才能编译代码，太麻烦了，我们希望一切自动化 1. 下载包 2. 配置 webpack.config.js 3. 运行指令 注意运行指令发生了变化 并且当你使用开发服务器时

使用html插件自动引入js等资源 1. 下载包 2. 配置 webpack.config.js 3. 修改 index.html 去掉引入的 js 文件，因为 HtmlWebpackPlugin 会

有人可能会问，js 资源 Webpack 不能已经处理了吗，为什么我们还要处理呢？ 原因是 Webpack 对 js 处理是有限的，只能编译 js 中 ES 模块化语法，不能编译其他语法，导致 js

1. 下载字体图标文件 打开阿里巴巴矢量图标库 选择想要的图标添加到购物车，统一下载到本地 2. 添加字体图标资源 src/fonts/iconfont.ttf src/fonts/iconfont.

修改输出资源的名称和路径 1. 配置 2. 修改 index.html 3. 运行指令 此时输出文件目录： （注意：需要将上次打包生成的文件清空，再重新打包才有效果） 自动清空上次打包资源 1. 配置

过去在 Webpack4 时，我们处理图片资源通过 file-loader 和 url-loader 进行处理 现在 Webpack5 已经将两个 Loader 功能内置到 Webpack 里了，我们

本章节我们学习使用 Webpack 如何处理 Css、Less、Sass、Scss、Styl 样式资源 介绍 Webpack 本身是不能识别样式资源的，所以我们需要借助 Loader 来帮助 Webp

前言 为什么需要打包工具？ 开发时，我们会使用框架（React、Vue），ES6 模块化语法，Less/Sass 等 css 预处理器等语法进行开发。 这样的代码要想在浏览器运行必须经过编译成浏览器能

记录几个 React 图片预览的库。 pc端： react-image-gallery https://github.com/xiaolin/react-image-gallery 移动端： Reac