使用webpack编译较少

Question

我想在github上为我的项目添加一个非常基本的文件.见提交

style.less

body{
  background-color: red;
}

webpack.config.js

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

命令行构建命令

webpack --config webpack.config.js -d

的index.html

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

如何设置webpack来编译我的更少？

Answer 1

有几件事情需要纠正:

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",