Skip to content

[docs] postcss -> PostCSS & some formattings #1098

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Dec 19, 2017
Merged
Show file tree
Hide file tree
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
8 changes: 4 additions & 4 deletions docs/en/configurations/advanced.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,8 +25,8 @@ module.exports = {
loader: 'vue-loader',
options: {
// `loaders` will overwrite the default loaders.
// The following config will cause all <script> tags without "lang"
// attribute to be loaded with coffee-loader
// The following config will cause all `<script>` tags without `lang`
// attribute to be loaded with `coffee-loader`
loaders: {
js: 'coffee-loader'
},
Expand All @@ -43,8 +43,8 @@ module.exports = {
// - For `html`, the result returned by the default loader
// will be compiled JavaScript render function code.
//
// - For `css`, the result will be returned by vue-style-loader
// which isn't particularly useful in most cases. Using a postcss
// - For `css`, the result will be returned by `vue-style-loader`
// which isn't particularly useful in most cases. Using a PostCSS
// plugin will be a better option.
postLoaders: {
html: 'babel-loader'
Expand Down
8 changes: 4 additions & 4 deletions docs/en/features/postcss.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ Sometimes the user may want to use `lang="postcss"` only for syntax highlighting

## Inline Options

Alternatively, you can specify postcss config specifically for `*.vue` files using the `postcss` option for `vue-loader`.
Alternatively, you can specify PostCSS config specifically for `*.vue` files using the `postcss` option for `vue-loader`.

Example usage in webpack 1.x:

Expand All @@ -34,7 +34,7 @@ Example usage in webpack 1.x:
module.exports = {
// other configs...
vue: {
// use custom postcss plugins
// use custom PostCSS plugins
postcss: [require('postcss-cssnext')()]
}
}
Expand Down Expand Up @@ -80,7 +80,7 @@ In addition to providing an Array of plugins, the `postcss` option also accepts:

### Disabling Auto Config File Loading

In `13.6.0+`, auto postcss config file loading can be disabled by specifying `postcss.useConfigFile: false`:
In `13.6.0+`, auto PostCSS config file loading can be disabled by specifying `postcss.useConfigFile: false`:

``` js
postcss: {
Expand All @@ -90,4 +90,4 @@ postcss: {
}
```

This allows the postcss configuration inside `*.vue` files to be entirely controlled by the inline config.
This allows the PostCSS configuration inside `*.vue` files to be entirely controlled by the inline config.
4 changes: 2 additions & 2 deletions docs/en/options.md
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ module.exports = {

- For `html`, the result returned by the default loader will be compiled JavaScript render function code.

- For `css`, the result will be returned by `vue-style-loader` which isn't particularly useful in most cases. Using a postcss plugin will be a better option.
- For `css`, the result will be returned by `vue-style-loader` which isn't particularly useful in most cases. Using a PostCSS plugin will be a better option.

### postcss

Expand Down Expand Up @@ -144,7 +144,7 @@ module.exports = {
- type: `boolean`
- default: `true`

Set this to `false` to disable auto-loading of postcss config files.
Set this to `false` to disable auto-loading of PostCSS config files.

### cssSourceMap

Expand Down
8 changes: 4 additions & 4 deletions docs/ja/configurations/advanced.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,8 @@ module.exports = {
loader: 'vue-loader',
options: {
// `loaders` はデフォルトの loaderを上書きします。
// 次の設定では、"lang" 属性のない全ての <script> タグに
// coffee-loader が適用されます。
// 次の設定では、`lang` 属性のない全ての `<script>` タグに
// `coffee-loader` が適用されます。
loaders: {
js: 'coffee-loader'
},
Expand All @@ -41,9 +41,9 @@ module.exports = {
// - `html` の場合、デフォルトの loader によって返される結果は、
// コンパイルされた JavaScript レンダリング関数コードになります。
//
// - `css` の場合、結果は vue-style-loader によって返されます。
// - `css` の場合、結果は `vue-style-loader` によって返されます。
// しかしこれはほとんどの場合特に有用ではありません。
// postcss プラグインを使用する方が良い選択になります。
// PostCSS プラグインを使用する方が良い選択になります。
postLoaders: {
html: 'babel-loader'
},
Expand Down
4 changes: 2 additions & 2 deletions docs/ja/features/postcss.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@

## インラインオプション

あるいは、 `vue-loader` の `postcss` オプションを使用して `*.vue` ファイル用の postcss の設定を指定することが出来ます。
あるいは、 `vue-loader` の `postcss` オプションを使用して `*.vue` ファイル用の PostCSS の設定を指定することが出来ます。

webpack 1.x の例:

Expand All @@ -23,7 +23,7 @@ webpack 1.x の例:
module.exports = {
// 他の設定
vue: {
// カスタムされた postcss プラグインを使用します
// カスタムされた PostCSS プラグインを使用します
postcss: [require('postcss-cssnext')()]
}
}
Expand Down
2 changes: 1 addition & 1 deletion docs/ja/options.md
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ module.exports = {
config 形式は `loaders` と同じですが、` postLoaders` はデフォルト loader の後に適用されます。これを使用して言語ブロックを後処理することができます。ただしこれは少し複雑になります:

- `html` の場合、デフォルトの loader によって返される結果は、コンパイルされた JavaScript レンダリング関数コードになります。
- `css` の場合、結果は` vue-style-loader` によって返されます。これはほとんどの場合特に有用ではありません。postcss プラグインを使用する方が良いでしょう。
- `css` の場合、結果は` vue-style-loader` によって返されます。これはほとんどの場合特に有用ではありません。PostCSS プラグインを使用する方が良いでしょう。

### postcss

Expand Down
6 changes: 3 additions & 3 deletions docs/kr/configurations/advanced.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,8 +25,8 @@ module.exports = {
loader: 'vue-loader',
options: {
// `loaders`는 기본 로더를 덮어씁니다.
// 다음 설정은 "lang" 속성이 없는
// 모든 <script> 태그가 coffee 로더와 함께 로드되도록 합니다
// 다음 설정은 `lang` 속성이 없는
// 모든 `<script>` 태그가 coffee 로더와 함께 로드되도록 합니다
loaders: {
js: 'coffee-loader'
},
Expand All @@ -42,7 +42,7 @@ module.exports = {
// - `html`의 경우, 기본 로더의 결과는 컴파일 된 JavaScript 렌더링 함수 코드가 됩니다.

// - `css`의 경우, 결과는 `vue-style-loader`가 반환하고
// 대부분의 경우 별로 사용할 일은 없습니다. postcss 플러그인을 사용하는 것이 더 좋습니다.
// 대부분의 경우 별로 사용할 일은 없습니다. PostCSS 플러그인을 사용하는 것이 더 좋습니다.
postLoaders: {
html: 'babel-loader'
},
Expand Down
4 changes: 2 additions & 2 deletions docs/kr/features/postcss.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@

## 인라인 옵션

또는 `vue-loader`에 `postcss` 옵션을 사용해 `*.vue`파일을 위해 postcss 설정을 지정할 수 있습니다.
또는 `vue-loader`에 `postcss` 옵션을 사용해 `*.vue`파일을 위해 PostCSS 설정을 지정할 수 있습니다.

webpack 1버전 예제:

Expand All @@ -23,7 +23,7 @@ webpack 1버전 예제:
module.exports = {
// 기타 설정...
vue: {
// 사용자 정의 postcss 플러그인 사용
// 사용자 정의 PostCSS 플러그인 사용
postcss: [require('postcss-cssnext')()]
}
}
Expand Down
2 changes: 1 addition & 1 deletion docs/kr/options.md
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ module: {

- `html`의 경우, 기본 로더의 결과는 컴파일 된 JavaScript 렌더링 함수 코드가 됩니다.

- `css`의 경우, 결과는 `vue-style-loader`가 반환하고 대부분의 경우 별로 사용할 일은 없습니다. postcss 플러그인을 사용하는 것이 더 좋습니다.
- `css`의 경우, 결과는 `vue-style-loader`가 반환하고 대부분의 경우 별로 사용할 일은 없습니다. PostCSS 플러그인을 사용하는 것이 더 좋습니다.


### postcss
Expand Down
8 changes: 4 additions & 4 deletions docs/pt_BR/configurations/advanced.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,8 +26,8 @@ module.exports = {
loader: 'vue-loader',
options: {
// `loaders` substituirá os carregadores padrões.
// A configuração a seguir fará com que todas as tags <script> sem
// o atributo "lang" sejam carrega com coffee-loader
// A configuração a seguir fará com que todas as tags `<script>` sem
// o atributo `lang` sejam carrega com `coffee-loader`
loaders: {
js: 'coffee-loader'
},
Expand All @@ -44,9 +44,9 @@ module.exports = {
// - Para `html`, o resultado retornado pelo carregador padrão
// será compilado em código de função de renderização JavaScript.
//
// - Para `css`, o resultado será retornado por vue-style-loader
// - Para `css`, o resultado será retornado por `vue-style-loader`
// que não é particulamente útil em muitos casos. Usando um plugin
// postcss será uma opção melhor.
// PostCSS será uma opção melhor.
postLoaders: {
html: 'babel-loader'
},
Expand Down
4 changes: 2 additions & 2 deletions docs/pt_BR/features/postcss.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ O uso de um arquivo de configuração permite que você compartilhe a mesma conf

## Opções em Linha

Como alternativa, você pode especificar configurações postcss especificamente para arquivos `*.vue` usando a opção `postcss` para `vue-loader`.
Como alternativa, você pode especificar configurações PostCSS especificamente para arquivos `*.vue` usando a opção `postcss` para `vue-loader`.

Exemplo de uso no webpack 1.x:

Expand All @@ -23,7 +23,7 @@ Exemplo de uso no webpack 1.x:
module.exports = {
// outras configurações...
vue: {
// use plugins personalizado de postcss
// use plugins personalizado de PostCSS
postcss: [require('postcss-cssnext')()]
}
}
Expand Down
2 changes: 1 addition & 1 deletion docs/pt_BR/options.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ module.exports = {

- Para `html`, o resultado retornado pelo carregador padrão será compilado em código de função de renderização JavaScript.

- Para `css`, o resultado será retornado por `vue-style-loader` que não é particularmente útil na maioria dos casos. Usando um plugin postcss será uma opção melhor.
- Para `css`, o resultado será retornado por `vue-style-loader` que não é particularmente útil na maioria dos casos. Usando um plugin PostCSS será uma opção melhor.

### postcss

Expand Down
6 changes: 3 additions & 3 deletions docs/ru/configurations/advanced.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,8 +25,8 @@ module.exports = {
loader: 'vue-loader',
options: {
// указанные `loaders` переопределят загрузчики используемые по умолчанию
// Конфигурация ниже будет обрабатывать все теги <script> без атрибута "lang"
// с помощью coffee-loader
// Конфигурация ниже будет обрабатывать все теги `<script>` без атрибута `lang`
// с помощью `coffee-loader`
loaders: {
js: 'coffee-loader'
},
Expand All @@ -43,7 +43,7 @@ module.exports = {
// - Для `html`, результат возвращаемый стандартным загрузчиком
// будет скомпилированный в JavaScript код render-функции.
//
// - Для `css`, результат возвращаемый из vue-style-loader
// - Для `css`, результат возвращаемый из `vue-style-loader`
// что не является особенно полезным в большинстве случаев.
// Использование postcss-плагина будет лучшим вариантом.
postLoaders: {
Expand Down
2 changes: 1 addition & 1 deletion docs/ru/features/postcss.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
module.exports = {
// другие настройки...
vue: {
// использование плагинов postcss
// использование плагинов PostCSS
postcss: [require('postcss-cssnext')()]
}
}
Expand Down
4 changes: 2 additions & 2 deletions docs/zh-cn/configurations/advanced.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ module.exports = {
loader: 'vue-loader',
options: {
// `loaders` 覆盖默认 loaders。
// 以下配置会导致所有无 "lang" 特性的 <script> 标签加载 coffee-loader
// 以下配置会导致所有无 `lang` 特性的 `<script>` 标签加载 `coffee-loader`
loaders: {
js: 'coffee-loader'
},
Expand All @@ -40,7 +40,7 @@ module.exports = {
//
// - 对于 `html`, 默认 loader 返回会编译为 JavaScript 渲染函数
//
// - 对于 `css`, 由`vue-style-loader` 返回的结果通常不太有用。使用 postcss 插件将会是更好的选择。
// - 对于 `css`, 由`vue-style-loader` 返回的结果通常不太有用。使用 PostCSS 插件将会是更好的选择。
postLoaders: {
html: 'babel-loader'
}
Expand Down
2 changes: 1 addition & 1 deletion docs/zh-cn/options.md
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ module.exports = {

- 对于 `html`,默认 loader 返回结果会被编译为 JavaScript 渲染函数。

- 对于 `css`,由`vue-style-loader` 返回的结果通常不太有用。使用 postcss 插件将会是更好的选择。
- 对于 `css`,由`vue-style-loader` 返回的结果通常不太有用。使用 PostCSS 插件将会是更好的选择。

### postcss

Expand Down