File tree 3 files changed +52
-0
lines changed
3 files changed +52
-0
lines changed Original file line number Diff line number Diff line change 7
7
- [ CSS モジュール] ( features/css-modules.md )
8
8
- [ PostCSS] ( features/postcss.md )
9
9
- [ ホットリロード] ( features/hot-reload.md )
10
+ - [ 関数型コンポーネント] ( features/functional.md )
10
11
- 構成
11
12
- [ プリプロセッサの使用] ( configurations/pre-processors.md )
12
13
- [ アセット URL ハンドリング] ( configurations/asset-url.md )
23
24
- [ preLoaders] ( options.md#preloaders )
24
25
- [ postLoaders] ( options.md#postloaders )
25
26
- [ postcss] ( options.md#postcss )
27
+ - [ postcss.config] ( options.md#postcssconfig )
26
28
- [ cssSourceMap] ( options.md#csssourcemap )
27
29
- [ esModule] ( options.md#esmodule )
28
30
- [ preserveWhitespace] ( options.md#preservewhitespace )
32
34
- [ buble] ( options.md#buble )
33
35
- [ extractCSS] ( options.md#extractcss )
34
36
- [ optimizeSSR] ( options.md#optimizessr )
37
+ - [ cacheBusting] ( options.md#cachebusting )
Original file line number Diff line number Diff line change
1
+ # 関数型コンポーネント向けのテンプレート
2
+
3
+ > 13.1.0 で新規, Vue >= 2.5.0 必須
4
+
5
+ ` vue-loader >= 13.3.0 ` によって、` *.vue ` 内で単一ファイルコンポーネントとして定義された関数型コンポーネントは適切なテンプレートコンパイルを楽しむことができ、スコープ付き CSS そしてホットリロードをサポートします。
6
+
7
+ 関数型コンポーネントとしてコンパイルする必要があるテンプレートを示すには、テンプレートブロックに ` functional ` 属性を追加します。これにより、` <script> ` ブロックの ` functional ` オプションを省略することもできます。
8
+
9
+ テンプレート内の式は、[ 関数型の描画コンテキスト] ( https://jp.vuejs.org/v2/guide/render-function.html#関数型コンポーネント ) で評価されます。これは、プロパティはテンプレートで ` props.xxx ` としてアクセスする必要があるということを意味します:
10
+
11
+ ``` html
12
+ <template functional >
13
+ <div >{{ props.foo }}</div >
14
+ </template >
15
+ ```
Original file line number Diff line number Diff line change @@ -111,6 +111,31 @@ module.exports = {
111
111
}
112
112
```
113
113
114
+ ### postcss.config
115
+
116
+ > 13.2.1 で新規追加
117
+
118
+ - 型: ` Object `
119
+ - デフォルト: ` undefined `
120
+
121
+ このフィールドは、[ postcss-loader] ( https://github.com/postcss/postcss-loader#config-1 ) と同じ方法で PostCSS の設定をカスタマイズできます。
122
+
123
+ - ** postcss.config.path**
124
+
125
+ PostCSS 設定ファイルを読み込むパス(ファイルまたはディレクトリ)を指定します。
126
+
127
+ ``` js
128
+ postcss: {
129
+ config: {
130
+ path: path .resolve (' ./src' )
131
+ }
132
+ }
133
+ ```
134
+
135
+ - ** postcss .config .ctx **
136
+
137
+ PostCSS プラグインにコンテキストを提供します。より詳細については、[postcss- loader のドキュメント](https: // github.com/postcss/postcss-loader#context-ctx) を参照してください。
138
+
114
139
### cssSourceMap
115
140
116
141
- 型: ` boolean`
@@ -120,6 +145,15 @@ module.exports = {
120
145
121
146
注意: もしメインの Webpack の設定に ` devtool` オプションが存在しないければオートで ` false` にセットされます。
122
147
148
+ ### cacheBusting
149
+
150
+ > 13.2 .0 で新規追加
151
+
152
+ - 型: ` boolean`
153
+ - デフォルト: 開発モードで ` true` 、プロダクションモードで ` false`
154
+
155
+ ファイル名にハッシュクエリを追加することによってキャッシュを破損を伴うソースマップを生成するかどうか。これをオフにするとソースマップデバッギングにも役に立ちます。
156
+
123
157
### esModule
124
158
125
159
- 型: ` boolean`
You can’t perform that action at this time.
0 commit comments