webpack学习(六)-其他资源打包

鱼鱼大仙的猫 9/7/2020 webpack

项目中除了基本的html、css、img和js资源外，同时也会存在一些其他资源，比如第三方字体文件资源，对于这些资源，我们也需要使用 webpack 进行打包压缩。

module.exports = {
    ...
    ...
    module: {
        rules: [
            //其他资源打包
            {
                exclude: /\.(html|css|js|less)$/,
                loader: 'file-loader',
                options: {
                    name: '[hash:10].[ext]'
                }
            }
        ]
    }
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

对于这些 “其他” 资源，我们并不需要全部确认其文件类型，只需要排除我们打包的文件类型即可，使用 file-loader 来进行打包资源，需要排除的文件类型可以随着后续相关文件类型的增加而增加。