能讲一下这个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()

}


0
2
Sunday
回复
阿阳2017
chainWebpack 使用的是 webpack-chain 这个库:https://github.com/neutrinojs/webpack-chain 建议可以看下对应的文档,中文文档地址:https://github.com/Yatoo2018/webpack-chain/tree/zh-cmn-Hans
2022-03-23
共2条回复

基于Vue3新标准,打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1942 学习 · 1688 问题

查看课程