能讲一下这个loader的配置吗,表示没看懂
来源:3-11 使用 svg-sprite-loader 处理 svg 图标
入门级全栈专家
2022-02-02
能讲一下这个loader的配置吗,表示没看懂
写回答
1回答
-
Sunday
2022-02-02
你好
我为 svg-loader 进行了备注,可以查看下:
chainWebpack(config) {
// 设置 svg-sprite-loader
// config 为 webpack 配置对象
// config.module 表示创建一个具名规则,以后用来修改规则
config.module
// 规则
.rule('svg')
// 忽略
.exclude.add(resolve('src/icons'))
// 结束
.end()
// config.module 表示创建一个具名规则,以后用来修改规则
config.module
// 规则
.rule('icons')
// 正则,解析 .svg 格式文件
.test(/\.svg$/)
// 解析的文件
.include.add(resolve('src/icons'))
// 结束
.end()
// 新增了一个解析的loader
.use('svg-sprite-loader')
// 具体的loader
.loader('svg-sprite-loader')
// loader 的配置
.options({
symbolId: 'icon-[name]'
})
// 结束
.end()
}
022022-03-23
相似问题