我在将图像 url 添加到 LESS 文件中的变量时遇到问题。
我正在使用一个名为Guide4You的项目,我想在其中添加一个新的LESS文件,其中包含我自己的图像。该项目使用节点和 webpack。
对于我的项目,我使用以下文件夹结构:
├── root
│ ├── load_image.png
│ ├── styles
│ │ └── substyles
│ │ ├── load.less
在更少的文件中,我有以下代码:
@test: url("../../load_image.png");
每当我尝试将代码编译到 webpack 中时,我都会收到以下错误:
[ './root/load_image.png
Module parse failed:
C:projectsroot\load_image.png
Unexpected character '�' (1:0)nYou may need an appropriate loader to handle this file type.
是否有可能较少加载器将我的 url 视为对另一个加载器的引用并尝试执行它?
您需要一个与您的 png 匹配的合适加载器。要解决此问题,请使用 url 加载器或文件加载器,使其与您的 png 匹配。
文档:https://github.com/webpack-contrib/url-loader、https://github.com/webpack-contrib/file-loader