与webpack一起编译LESS [英] Compiling less with webpack

问题描述

我要向我的GitHub上的project添加一个非常基本的LESS文件(请参阅this commit)。

style.less

body {
  background-color: red;
}

webPack.config.js

{
    test: /.less$/,
    loaders: ['style', 'css', 'less']
}

命令行生成命令

webpack --config webpack.config.js -d

index.html

<link rel="stylesheet" href="css/bundle.less" />

我希望部署文件夹现在包含bundle.css，其中包含我的Less文件的内容。未发生此情况。

如何设置webpack以编译我的LESS？

推荐答案

需要corrected：

1. 将require('./myPath/myFile.less')添加到您的app.js(或入口点)。

   较少的文件不在index.html文件中。

2. 您需要几个依赖项。我使用的版本是：

   "less": "^2.7.1",
   "less-loader": "^2.2.3",
   "style-loader": "^0.13.1",
   "css-loader": "^0.23.1",
   

这篇关于与webpack一起编译LESS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！