diff --git a/src/content/docs/zh-cn/guides/imports.mdx b/src/content/docs/zh-cn/guides/imports.mdx index de91b371d8a6e..ae345bc4dd897 100644 --- a/src/content/docs/zh-cn/guides/imports.mdx +++ b/src/content/docs/zh-cn/guides/imports.mdx @@ -103,6 +103,8 @@ import './style.css'; Astro 支持直接在应用程序中导入 CSS 文件。导入的样式没有暴露出口,但导入样式会自动将这些样式添加到页面中。它默认支持所有 CSS 文件,并且可以通过插件支持 CSS 编译语言,如 Sass & Less。 +在 [样式指南](/zh-cn/guides/styling/#高级) 中阅读有关高级 CSS 导入用例的更多信息,例如直接通过 URL 引用 CSS 文件,或将 CSS 作为字符串导入。 + ### CSS 模块 ```jsx @@ -133,6 +135,8 @@ import txtReference from './words.txt'; // txt === '/src/words.txt' 将图片放在 `public/` 文件夹中也很有用,这在[项目结构页面](/zh-cn/basics/project-structure/#public)中有所解释。 +有关附加 Vite 导入参数(例如 `?url`、`?raw`)的更多信息,请参阅 [Vite 静态资源处理指南](https://cn.vite.dev/guide/assets)。 + :::note 鼓励将**替代文本**添加到 `` 标记以提高可访问性!不要忘记向图像元素添加 `alt="一段有用的描述"` 属性。如果图像纯粹是装饰性的,则可以将该属性留空。 ::: @@ -274,7 +278,7 @@ const data = JSON.parse(json); ## 扩展文件类型支持 -使用 **Vite** 和兼容的 **Rollup** 插件,你可以导入 Astro 原生不支持的文件类型。在 Vite 文档的[查找插件](https://cn.vite.dev/guide/using-plugins.html#finding-plugins) 部分了解你需要的插件。 +使用 **Vite** 和兼容的 **Rollup** 插件,你可以导入 Astro 原生不支持的文件类型。在 Vite 文档的 [查找插件](https://cn.vite.dev/guide/using-plugins.html#finding-plugins) 部分了解你需要的插件。 :::note[插件配置] 请参阅插件的文档以了解配置选项以及如何正确安装它。