Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack Vue文件加载器生成正确的路径,但不会';不要复制文件_Webpack_Vue.js_Vuejs2_Webpack File Loader - Fatal编程技术网

Webpack Vue文件加载器生成正确的路径,但不会';不要复制文件

Webpack Vue文件加载器生成正确的路径,但不会';不要复制文件,webpack,vue.js,vuejs2,webpack-file-loader,Webpack,Vue.js,Vuejs2,Webpack File Loader,我正在开发一个组件,用于按名称渲染文件夹中的图标。这是我的组件文件: <template> <div> <img :src="path"> </div> </template> <script> export default { name: 'ballicon', computed: { path () { return require(`./svg/${this.name}.s

我正在开发一个组件,用于按名称渲染文件夹中的图标。这是我的组件文件:

<template>
  <div>
    <img :src="path">
  </div>
</template>

<script>
export default {
  name: 'ballicon',
  computed: {
    path () {
      return require(`./svg/${this.name}.svg`)
    }
  },
  props: {
    name: {
      type: String,
      required: true
    }
  }
}
</script>
呈现“我的组件”时,它会正确插入名称、哈希和扩展名:

<div>
  <img src="../../static/img/airplane.f6d83ef.svg">
</div>

但是,没有文件复制到
/static/img
目录,因此无法加载映像

<div>
  <img src="../../static/img/airplane.f6d83ef.svg">
</div>