打包字体图标

最新推荐文章于 2024-10-09 00:58:21 发布

か温暖心ε

最新推荐文章于 2024-10-09 00:58:21 发布

阅读量91

点赞数

本文链接：https://blog.csdn.net/qq_43670950/article/details/115243972

版权

webpack 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文介绍了如何配置webpack的file-loader来打包字体图标。通过设置exclude规则，避免了对特定文件类型的打包，并定义了输出路径(outputPath)和打包后图片的路径前缀(publicPath)。此外，还详细说明了文件命名规则(name)。

摘要由CSDN通过智能技术生成

打包字体图标

下载安装 npm i file-loader -D

*   module.exports = {
        module:{
            rules:[{
                        exclude:/\.(html|png|jpg|css|js)$/, //排除选择的文件,打包其他文件
                        loader:'file-loader',
                        options:{
                            //输出文件位置
                            outputPath:'/other',
                            //打包后的图片路径+前缀
                            publicPath:'./other',
                            name:'[name][hash:10].[ext]'
                        }
                }]
        }
    }