강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của hyde981114
hyde981114

câu hỏi đã được viết

Tìm hiểu và thực hành về môi trường phát triển frontend (webpack, babel, eslint..)

Máy xúc được sử dụng thường xuyên

asset/inline

Viết

·

640

1

webpack 5 부터는 url-loader가 아닌 asset/inline을 사용한다는데 asset/inline에서 로더를 실행할 파일 크기 제한을 어떻게 하나요?

url-loader에서 limit 옵션을 asset/inline에서는 어떻게 주는지 궁금하네요!

babel웹팩nodejseslint

Câu trả lời 4

4

webpack5 asset에 대한 코드에요

자세한 사항은 

https://webpack.kr/guides/asset-modules/#general-asset-type

위에 있더라구요~

1

0

{
    test: /\.(png|jpg|jpeg|gif|svg)$/,
    type: 'asset',
    parser: {
        dataUrlCondition: {
            maxSize: 20 * 1024,
        },
    },
},

Webpack 5 버전에서 Asset Module은 기본적으로 8KB 기준으로
asset/resource 와 asset/inline 자동 변환이 된다고 하는데용..
Asset Module을 이용해서 강의 내용이랑 같은 결과로 처리하고 싶으면,
위처럼 설정하면 될 것 같습니다~

0

jeonghwan님의 프로필 이미지
jeonghwan
Người chia sẻ kiến thức

wepbkac5에서는 url-loader를 사용하지 않고 Asset Module로 제공하는가 보네요. 혹시 Performance 속성이 관련 있을까 싶습니다. 

  • performance.maxAssetSize

https://webpack.js.org/configuration/performance/#performancemaxassetsize

Hình ảnh hồ sơ của hyde981114
hyde981114

câu hỏi đã được viết

Đặt câu hỏi