Skip to content

Commit a5f34dd

Browse files
committed
Merge branch 'master' of github.com:vuejs/vue-loader
2 parents ba23b3d + 205294c commit a5f34dd

28 files changed

+200
-136
lines changed

.github/ISSUE_TEMPLATE.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<!--
2+
IMPORTANT: Please use the following link to create a new issue:
3+
4+
https://new-issue.vuejs.org/?repo=vuejs/vue-loader
5+
6+
If your issue was not created using the app above, it will be closed immediately.
7+
-->

docs/LANGS.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,3 +3,4 @@
33
* [Русский](ru/)
44
* [Português](pt_BR/)
55
* [日本語](ja/)
6+
* [中文](zh-cn/)

docs/en/configurations/advanced.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Advanced Loader Configuration
22

3-
Sometimes the you may want to:
3+
Sometimes you may want to:
44

55
1. Apply a custom loader string to a language instead of letting `vue-loader` infer it;
66

docs/en/features/scoped-css.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,13 +18,13 @@ Into the following:
1818

1919
``` html
2020
<style>
21-
.example[_v-f3f3eg9] {
21+
.example[data-v-f3f3eg9] {
2222
color: red;
2323
}
2424
</style>
2525

2626
<template>
27-
<div class="example" _v-f3f3eg9>hi</div>
27+
<div class="example" data-v-f3f3eg9>hi</div>
2828
</template>
2929
```
3030

docs/en/workflow/production.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ module.exports = {
2424
warnings: false
2525
}
2626
}),
27-
// optimize module ids by occurrence count
27+
// Webpack 1 only - optimize module ids by occurrence count
2828
new webpack.optimize.OccurrenceOrderPlugin()
2929
]
3030
}

docs/ja/README.md

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,12 @@
66

77
![screenshot](http://blog.evanyou.me/images/vue-component.png)
88

9-
`vue-loader` によって多くのクールな機能が提供されます
9+
`vue-loader` によって多くのクールな機能が提供されます:
1010

11-
- デフォルトで ES2015 が有効;
12-
- `<style>` には SASS、 `<template>` には Jade など、Vue コンポーネントの各パーツに他の Webpack の loader が使用可能;
13-
カスタム loader チェーンを適用できる .vue ファイルのカスタムセクションを追加可能;
14-
- `<style>``<template>` で参照される静的なアセットをモジュールの依存として扱い、Webpack の loader で処理可能;
15-
- 各コンポーネントで scoped CSS をシミュレートすることが可能;
11+
- デフォルトで ES2015 が有効
12+
- `<style>` には SASS、 `<template>` には Jade など、Vue コンポーネントの各パーツに他の Webpack の loader が使用可能、カスタム loader チェーンを適用できる .vue ファイルのカスタムセクションを追加可能
13+
- `<style>``<template>` で参照される静的なアセットをモジュールの依存として扱い、Webpack の loader で処理可能
14+
- 各コンポーネントで scoped CSS をシミュレートすることが可能
1615
- 開発時のコンポーネントのホットリロードをサポート
1716

1817
つまり、Webpack と `vue-loader` の組み合わせは Vue.js アプリケーションを作成するための、現代的で柔軟かつとても強力なフロントエンドワークフローを実現することが可能になります。
@@ -29,10 +28,10 @@
2928

3029
しかし Webpack はそれ以上のことが出来ます。 "loader" を用いることで、最終的なバンドルしたファイルを出力する前に Webpack に様々な方法で全てのタイプのファイルを変換できるように設定することが出来ます。いくつかの例をあげると:
3130

32-
- ES2015、CoffeeScript、TypeScript のモジュールをプレーンな ES5 の CommonJS モジュールにトランスパイル
33-
- オプションでコンパイルを行う前にソースコードを linter に通すことが可能
34-
- Jade テンプレートをプレーンな HTML にトランスパイルし、JavaScript の文字列として展開
35-
- SASS ファイルをプレーンな CSS にトランスパイルし、`<style>` タグとして挿入する JavaScript スニペットに変換
36-
- HTML または CSS で参照されるイメージファイルを処理し、パスの設定に基づいた目的の場所に移動し、md5 ハッシュを使用して名前付け
31+
- ES2015、CoffeeScript、TypeScript のモジュールをプレーンな ES5 の CommonJS モジュールにトランスパイル
32+
- オプションでコンパイルを行う前にソースコードを linter に通すことが可能
33+
- Jade テンプレートをプレーンな HTML にトランスパイルし、JavaScript の文字列として展開
34+
- SASS ファイルをプレーンな CSS にトランスパイルし、`<style>` タグとして挿入する JavaScript スニペットに変換
35+
- HTML または CSS で参照されるイメージファイルを処理し、パスの設定に基づいた目的の場所に移動し、md5 ハッシュを使用して名前付け
3736

3837
Webpack は非常に強力です。どのように動作するか理解すれば、フロントエンド開発のワークフローを劇的に向上させることが出来ます。欠点としては冗長で複雑な構成です。しかし、このガイドでは Vue.js と `vue-loader` での Webpack を使用する際に一般的な問題の解決策を見つけることができるはずです。

docs/ja/SUMMARY.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
- [カスタムブロック](configurations/custom-blocks.md)
1616
- ワークフロー
1717
- [プロダクションビルド](workflow/production.md)
18-
- [Linting](workflow/linting.md)
18+
- [リント](workflow/linting.md)
1919
- [テスト](workflow/testing.md)
2020
- [モックを使用したテスト](workflow/testing-with-mocks.md)
2121
- [オプションリファレンス](options.md)

docs/ja/configurations/advanced.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
# 高度な loader の設定
22

3-
時折こうしたくなるかもしれません
3+
時折こうしたくなるかもしれません:
44

5-
1. `vue-loader` が推測するのではなく、カスタム loader の文字列を言語に適用する
6-
2. デフォルトの言語の組み込み loader の設定の上書き
7-
3. 特定の言語ブロックをカスタム loader で前処理か後処理をする
5+
1. `vue-loader` が推測するのではなく、カスタム loader の文字列を言語に適用する
6+
2. デフォルトの言語の組み込み loader の設定の上書き
7+
3. 特定の言語ブロックをカスタム loader で前処理か後処理をする
88

9-
そうするためには、`vue-loader``loaders` オプションを指定してください
9+
そうするためには、`vue-loader``loaders` オプションを指定してください:
1010

11-
> メモ `preLoaders``postLoaders` は 10.3.0 以上でのみサポートされます
11+
> メモ: `preLoaders``postLoaders` は 10.3.0 以上でのみサポートされます
1212
1313
### Webpack 2.x
1414

docs/ja/configurations/asset-url.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,15 +8,14 @@
88
<img src="../image.png">
99
```
1010

11-
このようにコンパイルされます
11+
このようにコンパイルされます:
1212

1313
``` js
1414
createElement('img', { attrs: { src: require('../image.png') }})
1515
```
1616
もちろん `.png` ファイルは JavaScript のファイルではありません。[file-loader](https://github.com/webpack/file-loader) または [url-loader](https://github.com/webpack/url-loader) を使用して Webpack を設定する必要があります。`vue-cli` でスキャフォールドされたプロジェクトでは同じような設定がなされています。
1717

18-
利点の全ては次の通りです
18+
利点の全ては次の通りです:
1919

2020
1. `file-loader` はアセットファイルのコピー先や配置先を制定したり、バージョンハッシュを利用してキャッシングを改善する方法を指定する事が出来ます。さらに、これは、単に**あなたの `* .vue` ファイルの隣にイメージを置くことができ、配備するURLを心配するのではなくフォルダ構造に基づいて相対パスを使用する**ことを意味します。
21-
2221
2. `url-loader` は、指定されたしきい値よりも小さい場合、条件付きでファイルを base-64 データ URL としてインライン化することができます。これにより、単純なファイルに対する HTTP リクエストの量を減らすことができます。 ファイルがしきい値より大きい場合、自動的に `file-loader` にフォールバックします。

docs/ja/configurations/custom-blocks.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99
## 単一ドキュメントファイルの例
1010

11-
全ての `<docs>` カスタムブロックを一つのドキュメントファイルに展開する例を示します
11+
全ての `<docs>` カスタムブロックを一つのドキュメントファイルに展開する例を示します:
1212

1313
#### component.vue
1414

0 commit comments

Comments
 (0)