用require引入图片怎么仅识别路径别名，不做其他任何操作？

Question

如题，原本是小文件返回base64，大文件hash文件名，但是我希望仅仅解析别名，不做任何操作，该怎么弄呢？
比如：
require(@/assets/images/logo.png)
返回
/src/assets/images/logo.png

而不是处理成base64或者返回一个hash过的文件名

Answer 1

这个需要你在项目中设置路径别名，vue3.0的配置方法如下：
首先手动创建vue.config.js文件，然后后在里面添加如下内容：

const path = require('path');

function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
    lintOnSave: true,
    chainWebpack: (config) => {
      config.resolve.alias
        .set('@', resolve('src'))
    },
}

完成以后，项目重新启动即可

Answer 2

之前写过一篇资源文件文件名配置的文章可以看一下webpack打包时如何修改文件名

另外如果不想配置，可以把资源放在static或public文件下，这样不会被打包编译