Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 5 additions & 1 deletion src/content/docs/zh-cn/guides/imports.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -103,6 +103,8 @@ import './style.css';

Astro 支持直接在应用程序中导入 CSS 文件。导入的样式没有暴露出口,但导入样式会自动将这些样式添加到页面中。它默认支持所有 CSS 文件,并且可以通过插件支持 CSS 编译语言,如 Sass & Less。

<ReadMore>在 [样式指南](/zh-cn/guides/styling/#高级) 中阅读有关高级 CSS 导入用例的更多信息,例如直接通过 URL 引用 CSS 文件,或将 CSS 作为字符串导入。</ReadMore>

### CSS 模块

```jsx
Expand Down Expand Up @@ -133,6 +135,8 @@ import txtReference from './words.txt'; // txt === '/src/words.txt'

将图片放在 `public/` 文件夹中也很有用,这在[项目结构页面](/zh-cn/basics/project-structure/#public)中有所解释。

<ReadMore>有关附加 Vite 导入参数(例如 `?url`、`?raw`)的更多信息,请参阅 [Vite 静态资源处理指南](https://cn.vite.dev/guide/assets)。</ReadMore>

:::note
鼓励将**替代文本**添加到 `<img>` 标记以提高可访问性!不要忘记向图像元素添加 `alt="一段有用的描述"` 属性。如果图像纯粹是装饰性的,则可以将该属性留空。
:::
Expand Down Expand Up @@ -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[插件配置]
请参阅插件的文档以了解配置选项以及如何正确安装它。
Expand Down