国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>我試了以下內(nèi)容：<br /> <a >https://github. com/visualfanatic/vue-svg-loader/tree/master</a></p> <p>但是由於Vue 2中使用了vue-template-compiler，所以有版本衝突。 </p> <p>我試了：<br /> <a >https://github.com/visualfanatic/vue- svg-loader</a></p> <p>但是我缺少特定的Vue依賴項。 </p> <p>我注意到在使用TypeScript時有一個注意事項，需要聲明類型定義檔。然而，我仍然得到了“無法找到模組'../../assets/myLogo.svg'或其對應(yīng)的類型聲明”的錯誤。 </p> <p>這是我加入的內(nèi)容：</p> <p>vue.config.js</p> <pre class="brush:php;toolbar:false;">module.exports = { chainWebpack: (config) => { const svgRule = config.module.rule('svg'); svgRule.uses.clear(); svgRule .use('vue-loader-v16') .loader('vue-loader-v16') .end() .use('vue-svg-loader') .loader('vue-svg-loader'); }, configureWebpack: process.env.NODE_ENV === 'production' ? {} : { devtool: 'source-map' }, publicPath: process.env.NODE_ENV === 'production' ? '/PersonalWebsite/' : '/' }</pre> <p>shims-svg.d.ts</p> <pre class="brush:php;toolbar:false;">declare module '*.svg' { const content: any; export default content; }</pre> <p>MyComponent.vue</p> <pre class="brush:php;toolbar:false;"><template> <div> <MyLogo /> </div> </template> <script lang="ts"> import * as MyLogo from "../../assets/myLogo.svg"; export default defineComponent({ name: "MyComponent", components: { MyLogo }, props: { }, setup(props) { return { props }; } }); </script></pre> <p><br /></p>

<template>
  <div class="title">
    <span>Lorem ipsum</span>
    <Icon />
  </div>
</template>

<script>
import Icon from '~/common/icons/icon.svg';

export default {
  name: 'PageTitle',
  components: { Icon },
};
</script>

{
   test: /\.svg$/,
   use: ['vue-loader', path.resolve(__dirname, 'scripts/svg-to-vue.js')],
}

module.exports = function (source) {
  return `<template>\n${source}\n</template>`;
};

vue inspect --rules

<template>
  <div>
    <img :src="myLogoSrc" alt="my-logo" />
  </div>
</template>

<script lang="ts">
  // 請使用`@`來引用項目的根目錄“src”
  import myLogoSrc from "@/assets/myLogo.svg";

  export default defineComponent({
    name: "MyComponent",

    setup() {
      return {
        myLogoSrc
      };
    }
  });
</script>

declare module '*.svg' {
  // 它實際上是一個字符串，精確地說是指向圖像文件的解析路徑
  const filePath: string;

  export default filePath;
}