Browse Source

fix: vue-svg-loader set inline

Sendya 6 years ago
parent
commit
8df36d2b69
2 changed files with 12 additions and 2 deletions
  1. 1 1
      src/components/tools/Logo.vue
  2. 11 1
      vue.config.js

+ 1 - 1
src/components/tools/Logo.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import LogoSvg from '@/assets/logo.svg'
+import LogoSvg from '@/assets/logo.svg?inline'
 
 console.log(LogoSvg)
 

+ 11 - 1
vue.config.js

@@ -40,8 +40,18 @@ module.exports = {
 
     const svgRule = config.module.rule('svg')
     svgRule.uses.clear()
-    svgRule.use('vue-svg-loader')
+    svgRule.oneOf('inline')
+      .resourceQuery(/inline/)
+      .use('vue-svg-loader')
       .loader('vue-svg-loader')
+      .end()
+      .end()
+      .oneOf('external')
+      .use('file-loader')
+      .loader('file-loader')
+      .options({
+        name: 'assets/[name].[hash:8].[ext]'
+      })
   },
 
   css: {