摘要：
处理 Html 资源 1. 下载包 npm i html-webpack-plugin -D 2. 配置 webpack.config.js const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-p 阅读全文
posted @ 2024-10-22 15:16
.Neterr
阅读(26)
评论(0)
推荐(0)
摘要：
处理字体图标资源 1. 下载字体图标文件 打开阿里巴巴矢量图标库 选择想要的图标添加到购物车，统一下载到本地 2. 添加字体图标资源 src/fonts/iconfont.ttf src/fonts/iconfont.woff src/fonts/iconfont.woff2 src/css/ico 阅读全文
posted @ 2024-10-22 14:36
.Neterr
阅读(40)
评论(0)
推荐(0)
摘要：
修改输出资源的名称和路径 1. 配置 const path = require("path"); module.exports = { entry: "./src/main.js", output: { path: path.resolve(__dirname, "dist"), filename: 阅读全文
posted @ 2024-10-22 14:11
.Neterr
阅读(70)
评论(0)
推荐(0)
摘要：
处理图片资源 过去在 Webpack4 时，我们处理图片资源通过 file-loader 和 url-loader 进行处理 现在 Webpack5 已经将两个 Loader 功能内置到 Webpack 里了，我们只需要简单配置即可处理图片资源 1. 配置 const path = require( 阅读全文
posted @ 2024-10-22 14:08
.Neterr
阅读(52)
评论(0)
推荐(0)
摘要：
处理样式资源 本章节我们学习使用 Webpack 如何处理 Css、Less、Sass、Scss、Styl 样式资源 介绍 Webpack 本身是不能识别样式资源的，所以我们需要借助 Loader 来帮助 Webpack 解析样式资源 我们找 Loader 都应该去官方文档中找到对应的 Loader 阅读全文
posted @ 2024-10-22 14:07
.Neterr
阅读(78)
评论(0)
推荐(0)
浙公网安备 33010602011771号