Skip to content

Commit 3765485

Browse files
Merge pull request vuejs#120 from dear-lizhihua/gitlocalize-224
update zh/css.md
2 parents f563581 + b34bc39 commit 3765485

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

zh/css.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
更重要的是,`vue-style-loader``vue-loader` 内部使用的 loader),具备一些服务器端渲染的特殊功能:
1010

1111
- 客户端和服务器端的通用编程体验。
12+
1213
- 在使用 `bundleRenderer` 时,自动注入关键 CSS(critical CSS)。
1314

1415
如果在服务器端渲染期间使用,可以在 HTML 中收集和内联(使用 `template` 选项时自动处理)组件的 CSS。在客户端,当第一次使用该组件时,`vue-style-loader` 会检查这个组件是否已经具有服务器内联(server-inlined)的 CSS - 如果没有,CSS 将通过 `<style>` 标签动态注入。
@@ -21,7 +22,7 @@
2122

2223
## 启用 CSS 提取
2324

24-
要从 `*.vue` 文件中提取 CSS,可以使用 `vue-loader``extractCSS` 选项(需要 `vue-loader>=12.0.0`
25+
要从 `*.vue` 文件中提取 CSS,可以使用 `vue-loader``extractCSS` 选项(需要 `vue-loader` 12.0.0+
2526

2627
```js
2728
// webpack.config.js
@@ -81,6 +82,7 @@ module.exports = {
8182
从 NPM 依赖模块导入 CSS 时需要注意的几点:
8283

8384
1. 在服务器端构建过程中,不应该外置化提取。
85+
8486
2. 如果使用 CSS 提取 + 使用 `CommonsChunkPlugin` 插件提取 vendor,在 `extract-text-webpack-plugin` 提取 CSS 到 vendor chunk 时将遇到问题。为了应对这个问题,请避免在 vendor chunk 中包含 CSS 文件。客户端 webpack 配置示例如下:
8587

8688
```js

0 commit comments

Comments
 (0)