alias-resolve-loader/README.md

Webpack preLoader lets you create custom aliases for CSS,less and SASS properties with an @alias rule

<div align="center">
  
  [![js-semistandard-style](https://img.shields.io/badge/code%20style-semistandard-brightgreen.svg?style=flat-square)](https://github.com/Flet/semistandard)[![Build Status](https://img.shields.io/travis/RobinCK/alias-resolve-loader.svg?style=flat-square)](https://travis-ci.org/RobinCK/alias-resolve-loader)[![Code Climate](https://img.shields.io/codeclimate/github/RobinCK/alias-resolve-loader.svg?style=flat-square)](https://codeclimate.com/github/RobinCK/alias-resolve-loader)[![npm](https://img.shields.io/npm/dt/alias-resolve-loader.svg?style=flat-square)](https://github.com/RobinCK/alias-resolve-loader)[![Dependencies](https://david-dm.org/robinck/alias-resolve-loader.svg?style=flat-square)](https://david-dm.org/robinck/alias-resolve-loader)[![devDependencies](https://david-dm.org/robinck/alias-resolve-loader/dev-status.svg?style=flat-square)](https://david-dm.org/robinck/alias-resolve-loader#info=devDependencies&view=table)[![NPM version](https://img.shields.io/npm/v/alias-resolve-loader.svg?style=flat-square)](https://www.npmjs.com/package/alias-resolve-loader)
</div>

# Alias Resolve preLoader for webpack

## Install webpack 1.x

```
$ npm install --save-dev alias-resolve-loader@1.0.6
```

## Install webpack 2.x

```
$ npm install --save-dev alias-resolve-loader
```

## Example webpack 1.x config

```js
module.exports = {
  //...
  
  module: {
    preLoaders: [
      {
          test: /\.(less|scss|css)$/,
          loader: "alias-resolve-loader"
      }
    ]
  },
  
  aliasesResolve: {
    "@aliasName": "path/to/your/folder"
  },
  
  //...
};
```

## Example webpack 2.x config

```js
module.exports = {
  //...
  
  module: {
    rules: [
      {
        enforce: 'pre',
        test: /\.(less|scss|css)$/,
        use: {
          loader: 'alias-resolve-loader',
          options: {
            alias: {
             "@aliasName": "path/to/your/folder"
           }
          }
        },
      }
    ]
  },
  
  //...
};
```

A javascript file before compilation
```less
@import "@aliasName/css/user.less";

body {
  background: #9e9e9e;
}
```

will become:
```less
@import "path/to/your/folder/css/user.less";

body {
  background: #9e9e9e;
}
```