Webpack ve sass

Question

Script dosyamda webpack ile yükleme sorunları yaşıyorum.

bu hatayı alıyorum:

Module build failed: 
@import 'bulma'; 
^ 
     Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "content = requi..." 

Bu benim webpack yapılandırma dosyasıdır:

module.exports = { 
    entry: "./app/App.js", 
    output: { 
    filename: "public/bundle.js" 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     exclude: /(node_modules|bower_components)/, 
     loader: 'babel', 
     query: { 
      presets: ['react', 'es2015'] 
     } 
     }, 
     { 
     test: /\.scss$/, 
     loaders: ['css', 'sass', 'style'] 
     } 
    ] 
    } 
}; 

budur main.scss:

@import 'bulma'; 

body { 
    background-color: red; 
} 

ve ben bu dosyayı App.js giriş noktası şu şekilde:

import './stylesheets/main.scss'; 

Herhangi bir ipucu?

Answer 1

Yükleyicileriniz yanlış sırada. Yükleyiciler sağdan sola okunur. Daha sonra, CSS içine SCSS ayrıştırmak JavaScript içine CSS ayrıştırmak istiyor, ardından istediğiniz böylece, bir stil etiketi olarak çözümlenen CSS yük:

 loaders: ['style', 'css', 'sass']