Skip to content

Commit 23d422a

Browse files
authored
Update asset-url.md
1 parent ee1ace5 commit 23d422a

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

docs/zh-cn/configurations/asset-url.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
默认情况下,`vue-loader` 使用 [css-loader](https://github.com/webpack/css-loader) 和 Vue 模版编译器自动处理样式和模版文件。在编译过程中,所有的资源路径例如 `<img src="...">``background: url(...)``@import` **会作为模块依赖**
44

5-
例如,`url(./image.png)` 会被转换为 `require('./image.png')`,而
5+
例如,`url(./image.png)` 会被转换为 `require('./image.png')`,而
66

77
``` html
88
<img src="../image.png">
@@ -36,6 +36,6 @@ createElement('img', { attrs: { src: require('../image.png') }})
3636

3737
这样做的好处:
3838

39-
1. `file-loader` 可以指定要复制和放置资源文件的位置,以及如何使用版本哈希命名以获得更好的缓存。此外,这意味着 **你可以就近管理图片文件,可以使用相对路径而不用担心布署时URL问题**。使用正确的配置,webpack 将会在打包输出中自动重写文件路径为正确的URL。
39+
1. `file-loader` 可以指定要复制和放置资源文件的位置,以及如何使用版本哈希命名以获得更好的缓存。此外,这意味着 **你可以就近管理图片文件,可以使用相对路径而不用担心部署时 URL 的问题**。使用正确的配置,webpack 将会在打包输出中自动重写文件路径为正确的URL。
4040

41-
2. `url-loader` 允许你有条件将文件转换为内联的 base-64 URL (当文件小于给定的阈值),这会减少小文件的 HTTP 请求。如果文件大于该阈值,会自动的交给 `file-loader` 处理。
41+
2. `url-loader` 允许你有条件地将文件转换为内联的 base-64 URL (当文件小于给定的阈值),这会减少小文件的 HTTP 请求。如果文件大于该阈值,会自动的交给 `file-loader` 处理。

0 commit comments

Comments
 (0)