如何配置Vue CLI 3以利用webpack根文件夹别名？
如何配置Vue CLI 3以利用webpack根文件夹别名？
提问于 2018-08-15 06:27:37
我试图将一个静态内容(img)从assets文件夹链接到一个vue组件，但收到了"Module not link : Error: Can't resolve“错误消息。
当我从根组件链接图像时，它会解析，但是从其他组件链接时，子文件夹中的列表不会解析。
请参考下面的示例：
├── App.vue <-- src="./assets/logo.png" resolved
├── assets
│ └── logo.png
├── components
│ └── some-other-component.vue <-- src="./assets/logo.png" not resolved我试着在vue.config.js中使用下面的Webpack配置给'src‘文件夹设置一个别名，但是也没有成功：
module.exports = {
configureWebpack: {
resolve: {
alias: {
"@": require("path").resolve(__dirname, "src")
}
}
}
}我想知道是否有任何方法可以实现这一点？
回答 1
Stack Overflow用户
发布于 2018-08-15 07:01:39
它没有在你的some-other-component.vue中被解析，因为你给出的指向src/components/assets/logo.png而不是src/assets/logo.png的路径使用../assets/logo.png或者更好：@/assets/logo.png
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51850567
复制相关文章
相似问题