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

  • Z时代
  • 2024-02-14
  • 分类：IT

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

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

回答：

这个需要你在项目中设置路径别名，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'))
    },
}

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

回答：

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

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

以上是 用require引入图片怎么仅识别路径别名，不做其他任何操作？ 的全部内容， 来源链接： utcz.com/p/933078.html

回到顶部