로더는 <a href="https://webpack.js.org/concepts/loaders/#loader-features" rel="nofollow noreferrer">docs</a>에서 연대순으로

Question

컴파일되지 않습니다 :

A chain of loaders are compiled chronologically. The first loader in a chain of loaders returns a value to the next.

이의 예를 들어, 다음과 같은 웹팩 설정을 보자.

module: { 
    rules: [ 
     { 
     test: /\.css$/, 
     use: [ 
      { loader: 'style-loader'}, 
      { loader: 'css-loader'} 
     ] 
     } 
    ] 
    } 

따라 문서 후 처음 실행될 style-loader (인해 연대순의) css-loader 파이프에 출력한다. 하지만 작동 방식이 아닙니다. 실제로 css-loader은 스타일 시트를로드 한 다음 결과를 style-loader으로 파이프 링 한 다음 html 페이지에 추가합니다. 내가 로더의 순서를 변경하는 경우 구축 할 때

오류가 발생합니다 :

{ loader: 'css-loader'}, 
{ loader: 'style-loader'} 

오류 :

ERROR in ./src/style.css 
Module build failed: Unknown word (5:1) 

    3 | // load the styles 
    4 | var content = require("!!./style.css"); 
> 5 | if(typeof content === 'string') content = [[module.id, content, '']]; 
    |^
    6 | // Prepare cssTransformation 
    7 | var transform; 
    8 | 

@ ./src/index.js 1:14-36 

나는 무엇을 놓치고? 나는 연대순을 제대로 이해하지 못하고 있는가? 여기

Answer 1

이 다른 docs

When multiple loaders are chained, it is important to remember that they are executed in reverse order -- either right to left or bottom to top depending on array format.

은 이제 의미

한다