基于Vue-cli@3的Svg Icon使用

package.json

"svg-sprite-loader": "^4.1.3",
"svgo": "^1.1.1",

vue.config.js

 chainWebpack: webpackConfig => {
    webpackConfig.plugins.delete('prefetch')
    webpackConfig.module
      .rule('vue')
      .test(/\.vue$/)
      .use('vue-loader')
      .loader('vue-loader')
      .options({
        compilerOptions: {
          preserveWhitespace: true
        }
      })
    webpackConfig.module
      .rule('svg')
      .exclude.add(resolve('src/icons')).end()
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 已经有很多分析Vue-cli搭建工程的文章,为什么自己还要写一遍呢。学习就好比是座大山,人们沿着不同的路登山...
    若川i阅读 2,537评论 0 7
  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 3,705评论 0 0
  • 一直想写webpack的知识点,却发现webpack其实要将webpack说的具体内容还是挺多的。而且网上上一搜w...
    神秘者007阅读 441评论 0 1
  • 铁山有岩洞,盛名传百里。 洞中藏古寺,香火旺千年。 洞外有奇山,怪石诱攀爬。 老龟朝天拜,祈得万年福。
    我是宅旦刘阅读 403评论 0 2
  • 不过很多时候,这类人只是不顾一切地去争夺,而往往忘了自己的处境。 (一)任务完成 等安错回来的时候,天几乎暗了。这...
    939YX阅读 652评论 2 1