Foundation'ın SCSS'i Webpack 2 ile nasıl içe aktarılır?

Question

Sass-loader kullanarak Foundation with Webpack 2 kullanmaya çalışıyorum.

Ben

@import 'foundation-sites/scss/foundation'; 

ile Vakfı'nı ithal Ve vakıf bulamıyorum olarak bir ithalat hata alıyorum ediyorum. küstahlık-yükleyici Dokümanları okuma Aslında kullanması gerektiğini önermektedir: import hatayı düzeltir ama yeni bir sorun yaratır

@import '~foundation-sites/scss/foundation'; 

.

aldığım hata başarısız Modül yapı içinde

ModuleBuildError geçerli: @import "normalleştirmek"; ^ Dosya bulunamadı veya okunamaz değil import etmek: bulunamadı import etmek

Dosya normalleştirmek veya okunamaz: Veli stil sayfasını normalleştirmek: in /node_modules/foundation-sites/scss/foundation.scss ... ... /node_modules/foundation-sites/scss/foundation.scss (hat 9, sütun 1) my webpack yapılandırma dosyasında

Ben de aşağıda ExtractTextPlugin kullanıyorum:

module: { 
    rules: [ 
     { 
       test: /\.(scss|css)$/, 
       loader: ExtractTextPlugin.extract({ 
       fallbackLoader: 'style-loader', 
       loader: [ 
        { 
         loader: 'css-loader' 
        }, 
        { 
         loader: 'sass-loader', 
         query: { 
          includePaths: [path.resolve(__dirname, "./node_modules")] 
         } 
        } 
       ] 
      }) 
     } 
    ] 
}, 
resolve: { 
    modules: ['node_modules'] 
} 

bu gelir inanıyoruz web paketi node_modules folde çözümlenmiyor Bir sebepten dolayı ama nedenin nereden geldiğinden emin değilsiniz.

Answer 1

Bunu, benim için çalışan tek şey olarak deneyin.

new webpack.LoaderOptionsPlugin({ 
    options: { 
     context: '/', // <- putting this line right under "options" did the trick 
     sassLoader: { 
      includePaths: [ 
       path.resolve(__dirname, 'vendor/zurb/foundation/scss'), 
      ] 
     } 
    } 
})