File tree Expand file tree Collapse file tree 2 files changed +89
-4
lines changed Expand file tree Collapse file tree 2 files changed +89
-4
lines changed Original file line number Diff line number Diff line change 1919 - [ テスト] ( workflow/testing.md )
2020 - [ モックを使用したテスト] ( workflow/testing-with-mocks.md )
2121- [ オプションリファレンス] ( options.md )
22+ - [ loaders] ( options.md#loaders )
23+ - [ preLoaders] ( options.md#preloaders )
24+ - [ postLoaders] ( options.md#postloaders )
25+ - [ postcss] ( options.md#postcss )
26+ - [ cssSourceMap] ( options.md#csssourcemap )
27+ - [ esModule] ( options.md#esmodule )
28+ - [ preserveWhitespace] ( options.md#preservewhitespace )
29+ - [ transformToRequire] ( options.md#transformtorequire )
30+ - [ buble] ( options.md#buble )
31+ - [ extractCSS] ( options.md#extractcss )
32+ - [ optimizeSSR] ( options.md#optimizessr )
Original file line number Diff line number Diff line change @@ -113,7 +113,7 @@ module.exports = {
113113
114114### cssSourceMap
115115
116- - 型: ` Boolean `
116+ - 型: ` boolean `
117117- デフォルト: ` true `
118118
119119 CSS のソースマップを有効にするかどうか。これを無効にすると、` css-loader ` の相対パス関連のバグを避けることができ、ビルドを少し早くすることができます。
@@ -122,14 +122,14 @@ module.exports = {
122122
123123### esModule
124124
125- - 型: ` Boolean `
126- - デフォルト: ` undefined `
125+ - 型: ` boolean `
126+ - デフォルト: ` false `
127127
128128 esModule 互換コードを発行するかどうか。デフォルトの vue-loader のデフォルトの出力は ` module.exports = .... ` のような commonjs 形式で発行します。 ` esModule ` が true にセットされているとき、デフォルトの出力は ` exports.__esModule = true; exports = ... ` にトランスパイルされます。TypeScript のような Babel 以外の transpiler との相互運用に役立ちます。
129129
130130### preserveWhitespace
131131
132- - 型: ` Boolean `
132+ - 型: ` boolean `
133133- デフォルトx: ` true `
134134
135135 もし ` false ` に設定されていたら、テンプレート内の HTML タグ間の空白は無視されます。
@@ -184,3 +184,77 @@ module.exports = {
184184 ]
185185 }
186186 ```
187+
188+ ### extractCSS
189+
190+ > 12.0.0 で追加
191+
192+ - 型: ` boolean `
193+ - デフォルト: ` false `
194+
195+ 自動的に ` extract-text-webpack-plugin ` を使用して CSS を抽出します。ほとんどのプリプロセッサに対してすぐに動作し、本番環境においても同様に圧縮 (minify) 処理します。
196+
197+ ` true ` またはプラグインのインスタンス (複数の抽出されたファイルに対して ` extract-text-webpack-plugin ` の複数のインスタンスを使用できるように) を値として渡すことができます。
198+
199+ これは、開発中にはホットリロードが動作するため本番環境でのみ使用する必要があります。
200+
201+ 例:
202+
203+ ``` js
204+ // webpack.config.js
205+ var ExtractTextPlugin = require (" extract-text-webpack-plugin" )
206+
207+ module .exports = {
208+ // 他のオプション ...
209+ module: {
210+ rules: [
211+ {
212+ test: / \. vue$ / ,
213+ loader: ' vue-loader' ,
214+ options: {
215+ extractCSS: true
216+ }
217+ }
218+ ]
219+ },
220+ plugins: [
221+ new ExtractTextPlugin (" style.css" )
222+ ]
223+ }
224+ ```
225+
226+ または、プラグインのインスタンスを渡します:
227+
228+ ``` js
229+ // webpack.config.js
230+ var ExtractTextPlugin = require (" extract-text-webpack-plugin" )
231+ var plugin = new ExtractTextPlugin (" style.css" )
232+
233+ module .exports = {
234+ // 他のオプション ...
235+ module: {
236+ rules: [
237+ {
238+ test: / \. vue$ / ,
239+ loader: ' vue-loader' ,
240+ options: {
241+ extractCSS: plugin
242+ }
243+ }
244+ ]
245+ },
246+ plugins: [
247+ plugin
248+ ]
249+ }
250+ ```
251+
252+ ### optimizeSSR
253+
254+ > 12.1.1 で追加
255+
256+ - 型: ` boolean `
257+ - デフォルト: webpack 設定が ` target: 'node' ` でかつ ` vue-template-compiler ` が バージョン 2.4.0 以上であれば、` true `
258+
259+ 描画 (render) 関数によって返された vdom ツリーの一部をプレーンな文字列にコンパイルする、Vue 2.4 SSR (サーバサイドレンダリング) のコンパイル最適化を有効にして、SSR のパフォーマンスを改善します。
260+ 描画関数の結果が SSR のみを対象としたものになり、クライアントサイドレンダリングまたはテストには使用できなくなるため、あるケースによっては、明示的にオフにしたくなる場合があります。
You can’t perform that action at this time.
0 commit comments