Javascript Can'；t在vue cli项目中使用自定义加载程序加载模块

我有一个项目，其中Webpack 4.43.0是用vue cli设置的。我想用 在生成时获取图像大小

为此，在我的一个.vue文件中，我尝试使用我在项目中安装的自定义加载程序加载模块：

const background=require（“图像大小”。/../../../../../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文件解析良好。我的设置有什么问题？

我想你也必须指定

图像大小作为加载程序

将此加载程序附加到webpack.base.conf.js

...
loaders: [
    ...
    {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'image-size'
    }
    ...
]
...

你能提供你的网页配置吗？@kmgt它很大，创建了一个存储库来共享它：我在
require（）
中指定了加载程序，这有什么不对？我不想让这个加载程序处理每个图像文件，只想处理这个特定的图像。