使用webpack编译较少

时间:2016-06-30 21:10:02

标签: less webpack

我想在github上向project添加一个非常基本的文件。见commit

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来编译我的?

1 个答案:

答案 0 :(得分:14)

需要做一些事情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”,