当前位置： 移动技术网 > IT编程>开发语言>JavaScript > webpack笔记05 -- 打包其他资源

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

2020年08月10日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网