элемент из погрузчиков список должен иметь «загрузчик» или «грузчики» с дерзостью-погрузчик WebPack

Question

У меня есть этот загрузчик в моем WebPack массиве погрузчика:

{ test: /\.scss$/, exclude: /node_modules/, loaders: ExtractTextPlugin('style-loader', 'css-loader!sass-loader') } 

Я пытаюсь иметь WebPack построить свой SCSS в CSS, но Я получаю эту ошибку:

/Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:60 
    throw new Error("Element from loaders list should have one of the fields 'loader' or 'loaders'"); 
    ^

Error: Element from loaders list should have one of the fields 'loader' or 'loaders' 
    at getLoadersFromObject (/Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:60:8) 
    at LoadersList.<anonymous> (/Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:78:12) 
    at Array.map (native) 
    at LoadersList.match (/Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:70:19) 
    at NormalModuleFactory.<anonymous> (/Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/lib/NormalModuleFactory.js:109:65) 
    at /Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/async/lib/async.js:697:13 
    at /Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/async/lib/async.js:52:16 
    at done (/Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/async/lib/async.js:248:21) 
    at /Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/async/lib/async.js:44:16 
    at /Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/async/lib/async.js:694:17 

Вот мой полный WebPack конфигурации:

var path = require('path'); 
var webpack = require('webpack'); 
var BundleTracker = require('webpack-bundle-tracker'); 
var ExtractTextPlugin = require("extract-text-webpack-plugin"); 

module.exports = { 
    entry: [ 
    './app/index' 
    ], 

    output: { 
     path: path.resolve('./public/bundles/'), 
     filename: "[name]-[hash].js", 
    }, 

    plugins: [ 
    new BundleTracker({filename: './webpack-stats.json'}), 
    ], 

    module: { 
    loaders: [ 
     { test: /\.css$/, exclude: /node_modules/, loader: 'style!css' }, 
     { test: /\.json$/, loader: 'json-loader' }, 
     { test: /\.jsx$/, loaders: ['react-hot', 'babel-loader'], include: path.join(__dirname, 'app') }, 
     { test: /\.es6$/, exclude: /node_modules/, loader: 'babel-loader?stage=0&optional=runtime'}, 
     { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?stage=0&optional=runtime'}, 
     { test: /\.scss$/, exclude: /node_modules/, loaders: ExtractTextPlugin('style-loader', 'css-loader!sass-loader') } 
    ] 
    }, 
} 

Answer 1

Sokra предоставил пример ч ow использовать ExtractTextPlugin здесь: https://github.com/webpack/extract-text-webpack-plugin/blob/master/example/webpack.config.js

Как вы можете видеть, есть некоторые различия между вашим примером и его.

• Конструктор ExtractTextPlugin вызываются с новым внутри «плагин: []» массив
• Способом плагин используется в погрузчиках массив путем вызова статического метода .extract(), а не просто вызвать плагин конструктор
• ссылка на «объект загрузчика» является для «loade г:» собственность, а не «loade RS:», как вы поставили (погрузчики вариант, но ожидает, что массив)

Надеюсь, что это поможет!