2016-03-28 12 views
1

Der Versuch, sass-loader meiner webpack config und läuft in einen Fehler hinzuzufügen:Webpack ExtractTextPlugin wirft Fehler beim Laden von Sass

70% 1/1 build modules/Users/a557789/Documents/f/Portal/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:81 
     r.forEach(function(r) { 
     ^
TypeError: undefined is not a function 
    at /Users/a557789/Documents/f/Portal/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:81:5 
    at Array.reduce (native) 
    at LoadersList.match (/Users/a557789/Documents/f/Portal/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:80:27) 

webpack.config:

var webpack = require("webpack"); 
var baseDir = "dist"; 

var HtmlWebpackPlugin = require('html-webpack-plugin'); 
var ExtractTextPlugin = require("extract-text-webpack-plugin"); 

var path = require("path"); 

module.exports = { 
    context: __dirname + "/app", 
    entry: { 
     app: "./main" 
    }, 
    resolve: { 
     extensions: ['', '.js', '.ts', '.css', '.scss'] 
    }, 
    output: { 
     path: __dirname + "/dist", 
     sourceMapFilename: "[name].map", 
     filename: "[name].js" 
    }, 
    module: { 
     loaders: [ 
      //https://www.npmjs.com/package/webpack-typescript 
      { 
       test: /\.ts$/, 
       loader: "ts-loader" 
      }, 
      { 
       test: /\.scss$/, 
       loaders: ExtractTextPlugin.extract("style", "css!sass") 
       //loaders: ExtractTextPlugin.extract("style!css!sass") 
      } 
     ], 
     noParse: [ /angular2\/bundles\/.+/ ] 
    }, 
    plugins: [ 
     new webpack.optimize.OccurenceOrderPlugin(true), 
     new ExtractTextPlugin("style.css"), 
     new HtmlWebpackPlugin({ 
      template: "../index.html", 
      inject: "body" 
     }) 
    ], 
    devtool: "source-map" 
}; 

ich ein paar versucht haben, von verschiedenen Optionen für die params zum Aufruf von extract(), aber ohne Glück. Jede Hilfe würde sehr geschätzt werden.

Antwort

4

Statt mit

loaders: ExtractTextPlugin.extract("style", "css!sass") 

Sie sollten

loader: ExtractTextPlugin.extract("style", "css!sass") 

stattdessen verwenden.

Der Fehler ist in diesem Fall nicht besonders beschreibend.

+0

danke @bebraw, das hat den Trick .. und es macht Sinn, jetzt, dass Sie auf meinen Fehler hingewiesen. – Bob

Verwandte Themen