risingdamdev
diff --git a/‎docs/ru/configurations/extract-css.md
Copy file name to clipboardExpand all lines: docs/ru/configurations/extract-css.md
+37-4Lines changed: 37 additions & 4 deletions b/‎docs/ru/configurations/extract-css.md
Copy file name to clipboardExpand all lines: docs/ru/configurations/extract-css.md
+37-4Lines changed: 37 additions & 4 deletions
diff --git a/‎docs/ru/features/scoped-css.md
Copy file name to clipboardExpand all lines: docs/ru/features/scoped-css.md
+2-2Lines changed: 2 additions & 2 deletions b/‎docs/ru/features/scoped-css.md
Copy file name to clipboardExpand all lines: docs/ru/features/scoped-css.md
+2-2Lines changed: 2 additions & 2 deletions
diff --git a/‎docs/ru/options.md
Copy file name to clipboardExpand all lines: docs/ru/options.md
+61Lines changed: 61 additions & 0 deletions b/‎docs/ru/options.md
Copy file name to clipboardExpand all lines: docs/ru/options.md
+61Lines changed: 61 additions & 0 deletions
@@ -1,13 +1,46 @@
 # Извлечение CSS в отдельный файл
 
-Пример конфигурации для извлечения CSS из всех компонентов Vue в отдельный CSS-файл:
-
-### Webpack 2.x
-
 ``` bash
 npm install extract-text-webpack-plugin --save-dev
 ```
 
+## Простой путь
+
+> требуется vue-loader@^12.0.0 и webpack@^2.0.0
+
+``` js
+// webpack.config.js
+var ExtractTextPlugin = require("extract-text-webpack-plugin")
+
+module.exports = {
+  // другие настройки...
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          extractCSS: true
+        }
+      }
+    ]
+  },
+  plugins: [
+    new ExtractTextPlugin("style.css")
+  ]
+}
+```
+
+Указанный выше пример будет автоматически обрабатывать извлечение `<style>` изнутри `*.vue` файлов и работать с большинством пре-процессоров из коробки.
+
+Обратите внимание, что это будет извлекать только из `*.vue` файлов, для CSS импортрируемого в JavaScript по-прежнему будет требоваться отдельная настройка.
+
+## Конфигурация вручную
+
+Пример конфигурации для извлечения CSS из всех компонентов Vue в отдельный CSS-файл:
+
+### Webpack 2.x
+
 ``` js
 // webpack.config.js
 var ExtractTextPlugin = require("extract-text-webpack-plugin")
 
@@ -18,13 +18,13 @@
 
 ``` html
 <style>
-.example[_v-f3f3eg9] {
+.example[data-v-f3f3eg9] {
   color: red;
 }
 </style>
 
 <template>
-  <div class="example" _v-f3f3eg9>hi</div>
+  <div class="example" data-v-f3f3eg9>hi</div>
 </template>
 ```
 
 
@@ -185,3 +185,64 @@ module.exports = {
     ]
   }
   ```
+
+### extractCSS
+
+> Добавлено в версии 12.0.0
+
+Автоматически извлекает CSS с помощью `extract-text-webpack-plugin`. Работает для большинства пре-процессоров из коробки и минифицирует при сборке в production.
+
+Передаваемое значение может быть `true`, или экземпляром плагина (так что вы можете использовать несколько экземпляров extract plugin для разных извлекаемых файлов).
+
+Это должно использоваться только в production, чтобы горячая перезагрузка модулей работала в процессе разработки.
+
+Например:
+
+``` js
+// webpack.config.js
+var ExtractTextPlugin = require("extract-text-webpack-plugin")
+
+module.exports = {
+  // другие настройки...
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          extractCSS: true
+        }
+      }
+    ]
+  },
+  plugins: [
+    new ExtractTextPlugin("style.css")
+  ]
+}
+```
+
+Или можно передать экземпляр плагина:
+
+``` js
+// webpack.config.js
+var ExtractTextPlugin = require("extract-text-webpack-plugin")
+var plugin = new ExtractTextPlugin("style.css")
+
+module.exports = {
+  // другие настройки...
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          extractCSS: plugin
+        }
+      }
+    ]
+  },
+  plugins: [
+    plugin
+  ]
+}
+```