webpack - loader, optimization
web pack loader loader? → 다른 파일 확장자를 다루기 위한 Third Party 확장 프로그램 module.exports = { module: { rules: [ { test: /\.filename1$/, use: ['loader-b', 'loader-a'], }, { test: /\.filename2$/, use: ['loader-d', 'loader-c'], }, ], }, } module로 취급하길 원하는 각각의 파일을 rules 배열에 객체로 추가해야한다. 해당 객체들은 파일의 타입을 정의하는 test, loader로 이뤄진 배열인 use 속성으로 구성된다. 이 때, use에 정의된 loader는 오른쪽부터 왼쪽으로 불러옴(순서 중요)에 유의! css 적용하기 webpack에서..
2023. 8. 17.
