webpack 如何处理通过 `js` 引入的资源文件加载问题？？

Question

相关配置:项目路径：/var/website/test 目录结构： compiled source     components        public             public.vue    static         image             test.png     plugins    // ...static假设在一个 source/components/public/public.vue 文件中，通过 js 引入了一个文件：<template>     <section>         <img ref='test' src='' class='image'>     </section></template><script>export default {    name: '' ,      mounted () {        this.$refs.test.src='../../static/image/test.png';     } };</script>webpack 打包后，访问不到资源！！webpack 如何处理通过 js 引入的资源文件加载问题？？

Answer 1

先import再使用

import src from '../../static/image/test.png';export default {
  name: '',
  mounted() {    this.$refs.test.src = src;
  }
};

Answer 2

webpack引入图片等其他资源也必须是require或者import（最终也会转成require）