# louk-loader

> Simple loader for using Louk with webpack.

Latest version **1.1.2** (published 2020-07-03) · MIT license · 0 weekly downloads

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

## Install

```sh
npm install louk-loader
pnpm add louk-loader
yarn add louk-loader
bun add louk-loader
```

## Health

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

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.1.2 |
| Published | 2020-07-03 |
| First published | 2018-08-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 3.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Alex Gorischek |
| Maintainers | agorischek |
| Keywords | vue |

## Links

- npm: https://www.npmjs.com/package/louk-loader
- Repository: https://github.com/louk-lang/louk-loader
- Homepage: https://louk-lang.org
- Issues: https://github.com/louk-lang/louk-loader/issues
- npm.io page: https://npm.io/package/louk-loader

## Dependencies (1)

- [loader-utils](https://npm.io/package/loader-utils.md) ^1.4.0

## Recent versions

- 1.1.2 (latest) — 2020-07-03
- 1.1.1 — 2020-07-03
- 1.1.0 — 2018-10-01
- 1.0.3 — 2018-09-30
- 1.0.2 — 2018-09-29
- 1.0.1 — 2018-08-21
- 1.0.0 — 2018-08-20
- 0.0.1 — 2018-08-20

## README

# Louk Loader
Simple loader for using [Louk](https://github.com/louk-lang/louk) with [webpack](https://webpack.js.org).

[![Build Status](https://dev.azure.com/louk-lang/louk-packages/_apis/build/status/Louk%20Loader/Louk%20Loader%20CI?branchName=master)](https://dev.azure.com/louk-lang/louk-packages/_build?definitionScope=%5CLouk%20Loader)
[![Version](https://img.shields.io/npm/v/louk-loader.svg)](https://www.npmjs.com/package/louk-loader)
[![License](https://img.shields.io/github/license/louk-lang/louk-loader.svg)](https://github.com/louk-lang/louk-loader/blob/master/LICENSE)

## Installation
Install `louk-loader` via npm.
```
$ npm install louk-loader -D
```
Also ensure `louk` is installed as a `peerDependency`.
```
$ npm install louk -D
```

## Configuration

### Via Vue Config
If using a [Vue CLI](https://cli.vuejs.org/) project, add a loader via [Vue webpack configuration](https://cli.vuejs.org/guide/webpack.html#simple-configuration).
```js
// vue.config.js
module.exports = {
    /* ... */
    chainWebpack: config => {
    // Louk Loader
    config.module
        .rule('louk')
        .test(/\.louk$/)
        .use("vue-loader")
            .loader("vue-loader")
            .end()
        .use("louk-loader")
            .loader("louk-loader")
    }
}
```

### Via webpack Config
If using a plain webpack project with Vue, add a loader via [webpack configuration](https://webpack.js.org/concepts/loaders/#configuration), in addition to the [Vue Loader](https://vue-loader.vuejs.org/guide/#vue-cli).
```js
// webpack.config.js
module.exports = {
    /* ... */
    module: {
        rules: [
            {
                test: /\.louk$/,
                use: [
                    {loader: "vue-loader"},
                    {loader: "louk-loader"}
                ]
            },
        ]
    }
}
```

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