@ssumatokhin

Не работает extract text webpack plugin?

Не работает сборщик 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")
  ]
};
  • Вопрос задан
  • 1211 просмотров
Пригласить эксперта
Ответы на вопрос 1
qtuz
@qtuz
У вас 2 правила применяются на одни и те же файлы:

{ test: /\.styl$/, loader: 'style!css!stylus!' },
{ test: /\.stly$/, loader: ExtractTextPlugin.extract("style", "css!stylus!") }

Уберите первое, а во втором уберите восклицательный знак в конце css!stylus!
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы