안녕하세요 정환님.
webpack loader 관련해서 질문이 있습니다.
&nbsp;
// webpack.config.js
module: [
&nbsp; rules: [
&nbsp; &nbsp; {
&nbsp; &nbsp; &nbsp; &nbsp;test: ~~~~,
이렇게 작성할 때,
<ul>
<li>loader: ~~~,</li>
<li>use: [~~]</li>
</ul>
두 가지 방식으로 작성하는 거 같은데요.
혹시 무슨 차이가 있을까요?
use : [{
&nbsp; loader: ~~~,
&nbsp; options: {...}
}]
이렇게도 작성하는 것 같더라고요

하나의 로더만 설정할때는 loader와 options를 사용하고요. 두 개 이상 로더를 설정할 때는 use 옵션을 사용합니다.
<pre class="language-javascript"><code>// Actions:
loader: "babel-loader",
// the loader which should be applied, it'll be resolved relative to the context

options: {
 presets: ["es2015"]
},

// options for the loader
use: [
 // apply multiple loaders and options instead. 여러개 로더와 옵션을 사용할 때 
 "htmllint-loader",
 {
 loader: "html-loader",
 options: {
 // ...
 }
 }
],</code></pre>
설정 문서도 참고드립니다.
<ul>
<li><a href="https://webpack.js.org/configuration/#options">https://webpack.js.org/configuration/#options</a></li>
</ul>

인프런 커뮤니티 질문&답변

webpack loader 관련 질문