我在向 LESS 文件中的变量添加图像 url 时遇到问题。
我正在使用一个名为 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 视为对另一个 loader 的引用并尝试执行它?
你需要一个合适的加载器来匹配你的 png。要解决此问题,请使用 url-loader 或 file-loader 以使其与您的 png 匹配。
文档:https://github.com/webpack-contrib/url-loader,https://github.com/webpack-contrib/file-loader
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句