欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

webpack笔记05 -- 打包其他资源

程序员文章站 2022-06-19 13:14:27
webpack 打包 其他 资源 (GitHub)1、下载npm i file-loader -D2、使用webpack.config.jsmodule.exports = { module: { rules: [{ test: /\.css$/, use: ['style-loader', 'css-loader'] }, { test: /\....

webpack 打包 其他 资源 (GitHub)

1、下载

npm i file-loader -D

2、使用

  • webpack.config.js
module.exports = { 
    module: {
        rules: [{
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            }, {
                test: /\.less$/,
                use: ['style-loader', 'css-loader', 'less-loader'],
            },
            {
                test: /\.(jpg|png|gif|jpeg)$/,
                loader: 'url-loader',
                options: {
                    limit: 8 * 1024,
                },
            },
            {
                test: /\.html$/,
                // 处理html文件的img图片(负责引入img,从而能被url-loader进行处理)
                loader: 'html-loader',
            }, {
                // 打包其他资源 (除了html、css、less、js资源以外的资源)
                exclude: /\.(css|less|js|html)$/,
                loader: 'file-loader'
            },
        ]
    }, 
}

GitHub源代码:https://github.com/GYQ-LQ/webpack-actual/tree/master/05-other_source

本文地址:https://blog.csdn.net/GYQ1547426970/article/details/107857511