php - 解析 CSS url 时出现 Webpack 错误

Question

当我在 scss 文件中使用 URL 并在 Vue 组件中使用该文件(使用@import)时，我收到以下错误:

错误:找不到模块“../images/icons/home_grey.svg”

(该路径是相对于我的 scss 源文件的路径)。我怎样才能停止收到该错误？我的 webpack.mix.js 文件当前包含以下几行:

mix.setResourceRoot('/root/'); mix.copyDirectory('resources/assets/images', 'public/images');

Answer 1

也许这是因为如果您使用的是 css-loader，则需要将查询参数“modules”设为 true。这将允许加载程序加载模块。

类似这样的东西，用于 css-loader 选项，

                    options: {
                        modules: true,
                       }