Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用webpack编译less_Less_Webpack - Fatal编程技术网

用webpack编译less

用webpack编译less,less,webpack,Less,Webpack,我想在我的github上添加一个非常基本的less文件(请参阅) 无风格 正文{ 背景色:红色; } webpack.config.js { 测试:/\.减去$/,, 加载器:['style','css','less'] } 命令行生成命令 webpack--config webpack.config.js-d Index.html 我希望部署文件夹现在包含bundle.css,其中包含我的less文件的内容。这并没有发生 如何设置webpack来编译我的less?需要做以下几件事:

我想在我的github上添加一个非常基本的less文件(请参阅)

无风格
正文{
背景色:红色;
}
webpack.config.js
{
测试:/\.减去$/,,
加载器:['style','css','less']
}
命令行生成命令
webpack--config webpack.config.js-d
Index.html

我希望部署文件夹现在包含bundle.css,其中包含我的less文件的内容。这并没有发生


如何设置webpack来编译我的less?

需要做以下几件事:

  • require('./myPath/myFile.less')
    添加到
    app.js(或入口点)中

    less文件不在index.html文件中

  • 您需要一些依赖项。我使用的版本是:

    "less": "^2.7.1",
    "less-loader": "^2.2.3",
    "style-loader": "^0.13.1",
    "css-loader": "^0.23.1",
    
  • Re:#1我很惊讶文档中没有这个细节。StackOverflow再次拯救了这一天。对于使用typescript的用户: