vue-cli3 使用 svg-sprite-loader 的坑
2024-08-30 17:32:24
chainWebpack: config => {
config.module.rules.delete("svg"); //重点:删除默认配置中处理svg,
//const svgRule = config.module.rule('svg')
//svgRule.uses.clear()
config.module
.rule('svg-sprite-loader')
.test(/\.svg$/)
.include
.add(resolve('src/icons')) //处理svg目录
.end()
.use('svg-sprite-loader')
.loader('svg-sprite-loader')
.options({
symbolId: 'icon-[name]'
})
},
上面代码出自 https://juejin.im/post/5bc93881f265da0aea69ae2e
vue-cli3 的配置svg-sprite-loader大多都是上面这样的。
但是我自己写的时候会在node_modules里有个svg导致一直报错!!!
最终解决!! 出自https://blog.csdn.net/qq_31201781/article/details/85257591
chainWebpack: config => {
config.module
.rule('svg')
.exclude.add(resolve('src/icons'))
.end(); config.module
.rule('icons')
.test(/\.svg$/)
.include.add(resolve('src/icons'))
.end()
.use('svg-sprite-loader')
.loader('svg-sprite-loader')
.options({
symbolId: 'icon-[name]'
});
},
最新文章
- linux下安装软件出现问题怎么办
- [poj2182] Lost Cows (线段树)
- java后台如何获取String 类型 json里的字段值
- MySQL2:四种MySQL存储引擎
- 【Alpha阶段】第十次Scrum例会
- poj2391 Ombrophobic Bovines 题解
- Winform 主窗体更换 构造函数传值
- 【 D3.js 入门系列 --- 0 】 简介和安装
- 一步步学习ASP.NET MVC3 (1)——基础知识
- linux下跨服务器文件文件夹的复制
- 使用Boost.PropertyTree处理XML、JSON和INI数据
- typeJavaScript笔记----字符串,参数,函数,表达式,循环
- 【转】NAS 黑群晖 配置完成(不含硬盘),NAS能做什么?
- C语言之输出空心棱形图案
- docker pull报错failed to register layer: Error processing tar file(exit status 1): open permission denied
- java 深度复制与浅复制 copyOf、arraycopy、copyOfRange
- js 把字符串保存为txt文件,并下载到本地
- Listener 监听对象的属性变化
- hdu 5195 DZY Loves Topological Sorting (拓扑排序+线段树)
- 20155328 《Java程序设计》实验一(Java开发环境的熟悉) 实验报告