Не работает сборщик css файла extract text webpack plugin . Пересмотрел все скринкасты, гуглил, только одно, как его подключить и все сразу работает. У меня стоит препроцесор stylus, лоудеры стоял, все js файлы собираются а сами стили записываются в тег style. Но я не как не могу вынести стили в отдельный css файл. Инпорты все прописал, повторюсь, сборка происходить в js, но мне нужно в css. Конфиг такой
var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
context: __dirname + "/frontend",
entry: {
app: "./js/app"
},
output: {
path: __dirname + "/public/js",
publicPath: '/',
filename: "[name].js",
},
resolve:{
modulesDirectories: ["node_modules"],
extensions: ["", ".js", ".styl"]
},
resolveLoader:{
modulesDirectories: ["node_modules"],
extensions: ["", ".js", ".styl"],
moduleTemplates: ["*-loader", "*"]
},
module: {
loaders: [
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel?presets[]=es2015'
},
{ test: /\.css$/, exclude: /\.useable\.css$/, loader: "style!css" },
{ test: /\.useable\.css$/, loader: "style/useable!css" },
{ test: /\.styl$/, loader: 'style!css!stylus!' },
{ test: /\.css$/, loader: "style!css?root=." },
{ test: /\.stly$/, loader: ExtractTextPlugin.extract("style", "css!stylus!") }
]
},
plugins: [
new ExtractTextPlugin("[name].css")
]
};