JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 7663
  • Score
    100M100P100Q125542F
  • License MIT

Use LESS to preprocess your ember-cli app's css, with support for source maps and include paths

Package Exports

  • ember-cli-less

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ember-cli-less) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ember-cli-less

Use LESS to preprocess your ember-cli app's css, with support for source maps and include paths.
This is copied from https://github.com/aexmachina/ember-cli-sass. All credits to the author.

Installation

npm install --save-dev ember-cli-less

Usage

By default, this addon will compile app/styles/app.less into dist/assets/app.css along with a source map.

If you want more control, you can specify options using the lessOptions config property:

var app = new EmberApp({
  ...
  lessOptions: {...}
});
  • inputFile: the input LESS file, defaults to app.less
  • outputFile: the output CSS file, defaults to app.css
  • paths: an array of include paths
  • sourceMap: controls whether to generate source maps. Defaults to true in development. The source map file will be saved to outputFile + '.map'

Example

The following example assumes your bower packages are installed into bower_components/.

Install some LESS:

bower install --save bootstrap

Specify some include paths in Brocfile.js:

var app = new EmberApp({
  lessOptions: {
    paths: [
      'bower_components/bootstrap/less'
    ]
  }
});

Import into app.less:

@import 'bootstrap';