如何解决无法在vue-cli项目中使用自定义加载器加载模块
我有一个项目,其中使用vue-cli设置了Webpack 4.43.0。我正在尝试使用 image-size-loader以在构建时获取图像大小。
为此,在我的一个.vue文件中,我试图使用已在项目中安装的自定义加载器加载模块:
const background = require("image-size!../../../../assets/images/candy.jpg");
在我的项目构建时,它会输出以下错误:
ERROR Failed to compile with 1 errors8:47:03 AM
This dependency was not found:
* image-size!../../../../assets/images/candy.jpg in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/vue/guides/tags/hero/TagGroupInvite.vue?vue&type=script&lang=js&
To install it,you can run: npm install --save image-size!../../../../assets/images/candy.jpg
该文件存在,并且js / ts / css文件可以很好地解析。我的设置有什么问题?
解决方法
我认为您也必须指定<div>
作为加载程序。
将此加载程序追加到webpack.base.conf.js
image-size
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。