# pure-loader

> webpack loader for pure

Latest version **1.0.2** (published 2017-01-26) · MIT license · 0 weekly downloads

## Install

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

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2017-01-26 |
| First published | 2016-08-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 15 |
| Known vulnerabilities | 0 (+9 in 4 direct dependencies) |
| Install scripts | no |
| Maintainers | fengzilong |
| Keywords | pure, webpack, loader |

## Links

- npm: https://www.npmjs.com/package/pure-loader
- npm.io page: https://npm.io/package/pure-loader

## Dependencies (15)

- [parse5](https://npm.io/package/parse5.md) ^2.1.5
- [postcss](https://npm.io/package/postcss.md) ^5.0.21
- [hash-sum](https://npm.io/package/hash-sum.md) ^1.0.2
- [fastparse](https://npm.io/package/fastparse.md) ^1.1.1
- [lru-cache](https://npm.io/package/lru-cache.md) ^4.0.1
- [source-map](https://npm.io/package/source-map.md) ^0.5.6
- [es6-promise](https://npm.io/package/es6-promise.md) ^3.2.1
- [autoprefixer](https://npm.io/package/autoprefixer.md) ^6.3.6
- [loader-utils](https://npm.io/package/loader-utils.md) ^0.2.15
- [es6-templates](https://npm.io/package/es6-templates.md) ^0.2.2
- [html-minifier](https://npm.io/package/html-minifier.md) ^2.1.6
- [object-assign](https://npm.io/package/object-assign.md) ^4.1.0
- [babel-preset-es2015](https://npm.io/package/babel-preset-es2015.md) ^6.9.0
- [postcss-selector-parser](https://npm.io/package/postcss-selector-parser.md) ^2.1.0
- [babel-plugin-transform-runtime](https://npm.io/package/babel-plugin-transform-runtime.md) ^6.9.0

## Alternatives

- [raw-loader](https://npm.io/package/raw-loader.md) — 4.3M weekly downloads
- [plop](https://npm.io/package/plop.md) — 1.4M weekly downloads
- [webpack-deadcode-plugin](https://npm.io/package/webpack-deadcode-plugin.md) — 80.3K weekly downloads
- [@storybook/preact-vite](https://npm.io/package/@storybook/preact-vite.md) — 54.2K weekly downloads
- [vite-plugin-transform](https://npm.io/package/vite-plugin-transform.md) — 2.4K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2017-01-26
- 1.0.1 — 2017-01-26
- 1.0.0 — 2017-01-26
- 0.0.1 — 2016-08-20

## README

# pure-loader [![npm package](https://img.shields.io/npm/v/pure-loader.svg?style=flat-square)](https://www.npmjs.org/package/pure-loader)

> webpack loader for [pure](https://github.com/fengzilong/pure)

## Installation

```bash
$ npm i pure-loader
```

## Usage

webpack.config.js

```js
var ExtractTextPlugin = require( 'extract-text-webpack-plugin' );

module.exports = {
	// ...
	entry: './index.js',
	module: {
		loaders: [
			{
				test: /\.rgl$/,
				loader: 'pure'
			}
		]
	},
	pure: {
		loaders: {
			css: ExtractTextPlugin.extract( 'css' ),
			mcss: ExtractTextPlugin.extract( 'css!mcss' )
		}
	},
	plugins: [
		// ...
		new ExtractTextPlugin( 'app.css' )
	]
};
```

app.rgl

```html
<style>
	html {
		background-color: #F2F2F2;
	}
</style>

<style lang="mcss" scoped>
	.outter {
		.inner {
			color: #000;
		}
	}
</style>

<template>
	<div class="outter">
		<div class="inner">RegularJs is Awesome <Button text="get started"></Button></div>
	</div>
</template>

<script>
	import Button from './button.rgl';

	// export options here
	export default {
		// shorthand for registering components in current component scope
		components: {
			'Button': Button,
		}
	}
</script>
```

Try it out!

## Related

- [regularjs](https://github.com/regularjs/regular)

## Thanks

- [vue-loader](https://github.com/vuejs/vue-loader)

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