Bir dosyayla eşleşen birden fazla test içeren bir yükleyici yapılandırmam olduğunda, yalnızca ilk eşleşen yükleyicinin kullanılmasını beklerdim, ancak durum böyle görünmüyor.
Kaynağı okumaya çalıştım ama yüklemeyi uyguladığını düşündüğüm biti bulduğumda bile nasıl davrandığını anlayamıyorum.
Belgeler , bu durumun nasıl davranması gerektiğinden de bahsetmiyor.
Yanıtlar:
{
test: /\.css$/,
loaders: ['style'],
},
{
test: /\.css$/,
loaders: ['css'],
},
ve
{
test: /\.css$/,
loaders: ['style', 'css'],
},
eşit görünüyor. Fonksiyon açısından, bu aynıdır style(css(file))(Miguel'e teşekkürler).
İçlerinde sağdan solaloaders değerlendirildiğini unutmayın .
"style!css", onları işlevler gibi hayal edin: style( css( file ) )... bu durumda cssönce denir.
style( css( file ) )açıklamanız beni rahatlatıyor.
Resmi belgeler bunu gerçekten iyi açıklıyor. Maalesef gerekli tüm bilgiler dokümantasyonun farklı bölümlerine yayılmıştır. Bilmen gereken her şeyi özetlememe izin ver.
1.
Doğru sırada olduklarından emin olun (aşağıdan yukarıya).
2.
Bir kaynak dosyasının kaynağını parametre olarak alan ve yeni kaynağı döndüren işlevlerdir.
3.
Yükleyiciler zincirlenebilir. Kaynağa bir boru hattında uygulanırlar. Son yükleyicinin JavaScript döndürmesi beklenir; her bir yükleyici kaynağı rastgele bir biçimde döndürebilir ve bu sonraki yükleyiciye iletilir.
Yani...
Eğer varsa somefile.cssve siz içinden geçiyoruz loaderOne, loaderTwo, loaderThreedüzenli bir zincirleme işlev gibi davranır olduğunu.
{
test: /\.css$/,
loaders: ['loaderOne', 'loaderTwo', 'loaderThree']
}
tam olarak aynı anlama geliyor ...
loaderOne(loaderTwo(loaderThree(somefile.css)))
Grunt'tan geliyorsanız || yutkunma dünyası kafa karıştırıcı. Yükleyicilerin sırasını sağdan sola doğru okuyun.
loaderOneörneğinizde olduğunu belirtmek için yanıtı değiştirmek isteyebilirsiniz
.pushkurallara basit bir şekilde ek yükleyiciler ekleyebilirsiniz ve bunları önceden harcama konusunda endişelenmenize gerek kalmaz.
Bu cevap bana yardımcı oldu ancak yükleyici sırasını etkileyen başka bir nokta olan yükleyici adını tamamlamak istiyorum ! yaklaşmak.
Diyelim ki url-loaderyapılandırmanızda daha yüksek önceliğe sahip bir tane var ve ikincisi ile bir görüntü yolunu içe aktarmakfile-loader istiyorsunuz . Hiçbir şey yapmamak, dosyayı (kodlanmış bir veri url'si oluşturur) aracılığıyla içe aktarır.url-loader
İçe aktarmanın ön eki, içe aktarmayı file-loader!o yükleyiciye yönlendirir.
import image from 'file-loader!./my-img.png'
!!diğer yükleyicileri (BTW) atlamak için ile başlayabilirsiniz …