# build-tools-webpack-less

> Configurations to use webpack with less

Latest version **1.2.0** (published 2020-11-13) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install build-tools-webpack-less
pnpm add build-tools-webpack-less
yarn add build-tools-webpack-less
bun add build-tools-webpack-less
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2020-11-13 |
| First published | 2018-11-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 8 |
| Dependencies | 7 |
| Unpacked size | 3.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 13 |
| Maintainers | adidas |

## Links

- npm: https://www.npmjs.com/package/build-tools-webpack-less
- Repository: https://github.com/adidas/js-build-tools
- Homepage: https://github.com/adidas/js-build-tools#readme
- Issues: https://github.com/adidas/js-build-tools/issues
- npm.io page: https://npm.io/package/build-tools-webpack-less

## Dependencies (7)

- [less](https://npm.io/package/less.md) ~3.12.2
- [css-loader](https://npm.io/package/css-loader.md) ~2.1.1
- [less-loader](https://npm.io/package/less-loader.md) ~7.0.2
- [autoprefixer](https://npm.io/package/autoprefixer.md) ~9.8.6
- [style-loader](https://npm.io/package/style-loader.md) ~1.2.1
- [postcss-loader](https://npm.io/package/postcss-loader.md) ~3.0.0
- [mini-css-extract-plugin](https://npm.io/package/mini-css-extract-plugin.md) ~1.3.0

## Recent versions

- 1.2.0 (latest) — 2020-11-13
- 1.1.0 — 2019-03-27
- 1.0.1 — 2018-11-07

## README

[![npm version](https://badge.fury.io/js/build-tools-webpack-less.svg)](https://npmjs.com/package/build-tools-webpack-less)

# build-tools-webpack-less

Set of tools and utilities to work with webpack and Less.

## Install

```
npm install --save-dev build-tools-webpack-less
```

## Usage

In `webpack.config.js`:

```javascript
const { rules: lessRules } = require('build-tools-webpack-less');

module.exports = {
  module: {
    rules: [
      ...lessRules,
      ... // other loaders
    ]
  }
};
```

To allow extraction of CSS in production, set `NODE_ENV=production` and adjust `webpack.config.js`:

```javascript
const {
  rules: lessRules,
  plugin: lessExtractPlugin
} = require('build-tools-webpack-less/extract');

module.exports = {
  module: {
    rules: [
      ...lessRules,
      ... // other loaders
    ]
  },
  plugins: [
    lessExtractPlugin
  ]
};
```

## Links

- [Base configuration](https://github.com/adidas/js-build-tools/tree/master/packages/build-tools-webpack-less)
- [less](http://lesscss.org/)
- [less.js](https://github.com/less/less.js)
- [less-loader](https://github.com/webpack-contrib/less-loader)

---
_Source: https://npm.io/package/build-tools-webpack-less · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._