vuejs · kazupon · Apr 28, 2017 · Apr 27, 2017 · Apr 27, 2017 · Apr 27, 2017
diff --git a/docs/ru/configurations/extract-css.md b/docs/ru/configurations/extract-css.md
@@ -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")

diff --git a/docs/ru/features/scoped-css.md b/docs/ru/features/scoped-css.md
@@ -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>
 ```


diff --git a/docs/ru/options.md b/docs/ru/options.md
@@ -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
+  ]
+}
+```