Vue-cli3使用svg-sprite-loader的vue.config配置（node_modules里有个svg导致一直报错）

最新推荐文章于 2024-07-22 13:50:45 发布

执笔看墨花开

最新推荐文章于 2024-07-22 13:50:45 发布

阅读量6.2k

点赞数 9

分类专栏： vue webpack 文章标签： vue vue-cli3 svg-sprite-loader

本文链接：https://blog.csdn.net/qq_31201781/article/details/85257591

版权

vue 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

webpack

4 篇文章 0 订阅

订阅专栏

const path = require('path');
function resolve(dir) {
  return path.join(__dirname, '.', dir);
}
module.exports = {
  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]'
    });
  },