前言
Webpack是一个现代的JavaScript应用程序打包工具，它可以帮助我们处理项目中的各种资源文件，包括字体文件。本篇博客将详细介绍如何使用Webpack来处理字体文件，并给出合理标题。
为什么需要处理字体文件？
在前端开发中，我们经常会使用各种字体文件来美化页面的显示效果。然而，如果不经过处理直接引入字体文件，会导致页面加载速度变慢，影响用户体验。因此，我们需要借助Webpack来处理
原创
2023-09-18 17:46:47
270阅读
图片处理url-loader(webpack5之前的处理方式) 在项目开发中，我们时长会需要使用到图片，比如在img文件夹中有图片test1.png，然后在normal.css中会引用到图片 body{ background: url("../img/test1.png"); } 但是此时，我们直接
原创
2021-07-13 11:07:44
1077阅读
打包其他资源(比如字体等文件) 需要的loader是 file-loader module: { rules: [ //处理css { test: /\.css$/, use: ['style-loader', 'css-loader'] }, // 打包其他资源(除了html/js/css资源以外 ...
转载
2021-10-21 13:38:00
177阅读
2评论
处理字体图标资源
1. 下载字体图标文件
打开阿里巴巴矢量图标库
选择想要的图标添加到购物车，统一下载到本地
2. 添加字体图标资源
src/fonts/iconfont.ttf
src/fonts/iconfont.woff
src/fonts/iconfont.woff2
src/css/iconfont.css
注意字体文件路径需要修改
src/main.
原创
2024-03-11 08:28:49
65阅读
css文件处理-准备工作 (以下项目配置都是基于上一篇webpack(4)的基础上) 在项目开发中，我们必然需要添加很多的样式，而样式我们往往写到一个单独的文件中。 这里我们就在src目录中创建一个normal.css文件，代码如下： body{ background-color: aqua; }
原创
2021-07-13 11:08:12
1028阅读
Webpack 的配置比较复杂，很容出现错误，下面是一些通常的故障处理手段。 一般情况下，webpack 如果出问题，会打印一些简单的错误信息，比如模块没有找到。我们还可以通过参数 --display-error-details 来打印错误详情。 Webpack 的配置提供了 resolve 和 r
转载
2017-04-24 19:27:00
363阅读
2评论
1、安装插件 common.css为： flex.css为： app.js为： 4、执行编译&查看结果
转载
2017-09-15 10:49:00
175阅读
2评论
※项目使用前文webpack起步建立的项目※ file-loader 和 url-loader 可以接收并加载任何文件，然后将其输出到构建目录。1）安装file-loadernpm install file-loader --save-dev // 前文已经安装可忽略2）修改webpack.config.js，追加字体模块加载规则const path = require('...
原创
2021-12-28 17:30:24
314阅读
如果我们需要在应用中添加 css 文件，就需要使用到 css-loader 和 style-loader，他们做两件不同的事情，css-loader 会遍历 CSS 文件，然后找到 url() 表达式然后处理他们，style-loader 会把原来的 CSS 代码插入页面中的一个 style 标签中 ...
转载
2021-10-25 13:51:00
138阅读
2评论
备注： css 引用图片资源 1. 安装loader yarn add file-loader --dev 2. 配置 const path = require("path"); const extracttextplugin = require("extract-text-webpack-plug
原创
2021-07-17 23:49:47
201阅读
初始化：npm init -y安装webpacknpm install webpack webpack-cli --save-dev安装vuenpm i --save-dev vue vue-loader vue-template-compiler 安装css的插件npm install --save-dev style-loader css-loader...
原创
2021-07-05 13:48:48
481阅读
1. vue-cli3中console.log报错:Module Warning (from ./node_modules/eslint-loader/index.js):
error: Unexpected console statement (no-console) at(1). 原因:
使用ESLint检查代码质量是进行提示的.(2). 解决:
window.console.log(res)
原创
2023-10-14 16:04:54
349阅读
1.抠出文字 使用“快速选择工具”、“魔棒工具”或“颜色选择器”。 将抠出的选区复制Ctrl+J到一个新的图层中。 提取字体 1.魔棒工具选择
说明玩转webpack课程学习笔记。解析字体1、安装依赖npm i file-loader -Dfile-loader 也可以
原创
2022-08-18 07:25:50
89阅读
处理项目管理中的静态资源（非需编译的资源） 在src同级目录创建文件夹public(文件名自定义) 使用到 copy-webpack-plugin 扩展 const CopyWebpackPlugin = require('copy-webpack-plugin'); …… plugins: [ … ...
转载
2021-07-30 09:41:00
1346阅读
2评论
从前几章，我可知，每当我们引入js和css的资源的时候，都是手动引入，在将来我们可以会有js,css文件随之增多，文件名字的改变，如果手动修改比较麻烦，这就是这章内容主要解决问题。
原创
2024-05-11 08:49:20
80阅读
案例准备 file-loader 文件的名称规则 设置文件名称 设置文件的存放路径 url-loader url-loader的limit 目录结构 wk.config.js const path = require('path'); module.exports = { entry: "./src
转载
2021-03-05 20:51:00
85阅读
2评论
昨天搞了一下vue项目打包之后静态资源走阿里云cdn。 配置了半天，终于找到了设置的地方 config/index.js 里面设置build 下的 assetsPublicPath 打包的时候便可以添加公共前缀路径 这样就可以修改掉打包的静态资源的地址了，没有修改之前打包完为 admin/stati
转载
2018-12-13 15:54:00
148阅读
2评论
# Python处理Word字体
## 一、整体流程
下面是处理Word字体的流程表格：
| 步骤 | 描述 |
| --- | --- |
| 1 | 打开Word文档 |
| 2 | 读取文本内容 |
| 3 | 修改字体样式 |
| 4 | 保存文档 |
## 二、具体步骤
### 1. 打开Word文档
首先，我们需要使用Python中的`docx`库来操作Word文档，确保已
原创
2024-04-13 06:48:20
67阅读
# Java 处理字体文件
在 Java 中，处理字体文件是一个常见的需求，特别是在开发图形界面应用程序时。通过 Java 的字体 API，我们可以轻松地加载字体文件，并在应用程序中使用这些字体来渲染文本。
本文将介绍如何在 Java 中处理字体文件，包括加载字体文件、创建自定义字体对象、以及在界面中应用这些字体。我们将演示如何使用 Java 的 `Font` 类和 `Graphics` 类来
原创
2024-03-29 03:47:14
208阅读
