更少的加载程序图像 url

Question

我在将图像 url 添加到 LESS 文件中的变量时遇到问题。

我正在使用一个名为 Guide4You 的项目，我想在其中添加一个包含我自己的图像的新 LESS 文件。这个项目使用 node 和 webpack。

对于我的项目，我使用以下文件夹结构：

├── root
│   ├── load_image.png
│   ├── styles
│   │   └── substyles
│   │       ├── load.less

在less文件中我有以下代码：

@test: url("../../load_image.png");

每当我尝试将代码编译成 webpack 时，我都会收到以下错误：

[ './root/load_image.png
Module parse failed: 
C:\projects\root\load_image.png 
Unexpected character \'�\' (1:0)\nYou may need an appropriate loader to handle this file type.

less-loader 是否可能将我的 url 视为对另一个加载程序的引用并尝试执行它？

Answer 1

您需要一个适合您的 png 的加载器。要解决此问题，请使用 url-loader 或 file-loader 使其与您的 png 相匹配。

文档：https://github.com/webpack-contrib/url-loader, https://github.com/webpack-contrib/file-loader

更少的加载程序图像 url

Less loader image url

less

node.js

webpack

guide4you