- single-file-components.md добавлена пропущенная секция про разделение на файлы

Author: Александр Соколов

src/v2/guide/single-file-components.md

@@ -31,9 +31,22 @@ order: 19
 
 <img src="/images/vue-component-with-preprocessors.png" style="display: block; margin: 30px auto">
 
-Перечисленные языки даны только для примера. С тем же успехом можно использовать Buble, TypeScript, SCSS, PostCSS — или любые другие пре- или постпроцессоры по вкусу.
+Перечисленные языки даны только для примера. С тем же успехом можно использовать Buble, TypeScript, SCSS, PostCSS — или любые другие пре- или постпроцессоры по вкусу. При использовании Webpack вместе с `vue-loader`, вы также получаете прекрасную поддержку CSS-модулей.
 
-<!-- TODO: include CSS modules once it's supported in vue-loader 9.x -->
+### Что насчёт разделения ответственности?
+
+Одна важная вещь, что следует отметить — **разделение ответственности это не тоже самое что разделение на файлы по типу.** В современной разработке UI мы обнаружили, что вместо разделения кодовой базы на три огромных слоя, что тесно переплетаются друг с другом, имеет больше смысла делить их на слабо связанные компоненты и компоновать уже их. Внутри компонента, его шаблон, логика и стили неразрывно связаны между собой, что позволяет сделать компонент более сплочённым и удобным в поддержке.
+
+Если вам не нравится идея однофайловых компонентов, вы также можете пользоваться возможностями горячей заменой модулей и пре-компиляцией выделив JavaScript и CSS в отдельные файлы:
+
+``` html
+<!-- my-component.vue -->
+<template>
+  <div>Это будет предварительно скомпилировано</div>
+</template>
+<script src="./my-component.js"></script>
+<style src="./my-component.css"></style>
+```
 
 ## Начало работы