较少的装载程序图像网址

时间:2017-07-24 07:49:41

标签: node.js webpack less guide4you

我在向LESS文件中的变量添加图片网址时遇到了问题。

我正在使用一个名为Guide4You的项目,我想用我自己的图像添加一个新的LESS文件。该项目使用带有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视为对另一个加载器的引用并尝试执行它?

1 个答案:

答案 0 :(得分:0)

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

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