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>