Компилировать все меньше файлов в один файл css - webpack

Question

Я использую angular2-webpack-starter, и у меня есть одна папка assets\less, в которой я держу все свои файлы .less.

После того, как проект построен, я хотел бы иметь отдельный файл css в папке dist.

Я нашел примеры, как это делается, если вы используете встроенные стили в декораторе компонентов, но я не мог найти, что должно быть решением для моего дела. Я предполагаю, что мне нужно указать еще одну точку входа, но это создаст файл .js не .css.

Является ли webpack подходящим для этого в любом случае?

Answer 1

Вы можете добавить экстракт текст WebPack плагин затем добавить это к вашим погрузчикам

{ 
     test: /\.css$/, 
     loader: ExtractTextPlugin.extract('style', 'css'), 
     include: your path 
    } 

И следующее в ваших плагинов

plugins: [ 
    new ExtractTextPlugin('[name].[chunkhash].css') 
]