CSS 파일을 생성 할 수 없습니다. sass-loader webpack

Question

sass-loader를 사용하여 SCSS 파일을 CSS로 변환하려고합니다 (실제 파일이 있어야 함). 스타일이 적용되고 있지만 생성 된 .css 파일을 볼 수 없습니다.

//webpack.config.js 

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

module.exports = { 
    entry: './src/index.js', 
    output: { 
     path: __dirname + '/public', 
     filename: 'bundle.js' 
    }, 
    devServer: { 
     contentBase: __dirname + '/public' 
    }, 
    module: { 
     loaders: [ 
      {test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'}, 
      {test: /\.scss$/, loader: ExtractTextPlugin.extract('css-loader!sass-loader')} 
     ] 
    }, 
    plugins: [ 
     new ExtractTextPlugin("style.css") 
    ] 
} 

전체 소스 코드 나 소스 코드를 본 적이 github repo

Answer 1

에서 확인할 수있다. 나는 당신이 여전히 webpack version 1 문법을 사용하고 있기 때문에 그것이 확실하다고 확신하지만 당신이 설치 한 것은 webpack v2입니다. Webpack2는 이전 버전과 다른 구문을 사용합니다. webpack v2 당신의 webpack.config.js이 모양을 사용

:이 도움이

module: { 
     rules: [ // from 'loaders' to 'rules' 
      { 
       test: /\.js$/, 
       loader: 'babel-loader', 
       exclude: /node_modules/, 
      }, 
      { 
       test: /\.sass$/, 
       exclude: /node_modules/, 
       loader: ExtractTextPlugin.extract({ 
        fallbackLoader: 'style-loader', 
        loader: ['style-loader','sass-loader'] 
       }) 
      } 
     ] 
    }, 

    plugins: [ 
     new ExtractTextPlugin('bundle.css') // what the output file (css) is going to be 
    ] 

희망.