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）