File tree Expand file tree Collapse file tree 3 files changed +52
-0
lines changed Expand file tree Collapse file tree 3 files changed +52
-0
lines changed Original file line number Diff line number Diff line change 77 - [ CSS モジュール] ( features/css-modules.md )
88 - [ PostCSS] ( features/postcss.md )
99 - [ ホットリロード] ( features/hot-reload.md )
10+ - [ 関数型コンポーネント] ( features/functional.md )
1011- 構成
1112 - [ プリプロセッサの使用] ( configurations/pre-processors.md )
1213 - [ アセット URL ハンドリング] ( configurations/asset-url.md )
2324 - [ preLoaders] ( options.md#preloaders )
2425 - [ postLoaders] ( options.md#postloaders )
2526 - [ postcss] ( options.md#postcss )
27+ - [ postcss.config] ( options.md#postcssconfig )
2628 - [ cssSourceMap] ( options.md#csssourcemap )
2729 - [ esModule] ( options.md#esmodule )
2830 - [ preserveWhitespace] ( options.md#preservewhitespace )
3234 - [ buble] ( options.md#buble )
3335 - [ extractCSS] ( options.md#extractcss )
3436 - [ 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 = {
111111 }
112112 ```
113113
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+
114139### cssSourceMap
115140
116141- 型: ` boolean`
@@ -120,6 +145,15 @@ module.exports = {
120145
121146 注意: もしメインの Webpack の設定に ` devtool` オプションが存在しないければオートで ` false` にセットされます。
122147
148+ ### cacheBusting
149+
150+ > 13.2 .0 で新規追加
151+
152+ - 型: ` boolean`
153+ - デフォルト: 開発モードで ` true` 、プロダクションモードで ` false`
154+
155+ ファイル名にハッシュクエリを追加することによってキャッシュを破損を伴うソースマップを生成するかどうか。これをオフにするとソースマップデバッギングにも役に立ちます。
156+
123157### esModule
124158
125159- 型: ` boolean`
You can’t perform that action at this time.
0 commit comments