# element-loader

> web component loader.

Latest version **0.6.5** (published 2018-08-23) · BSD-3-Clause license · 0 weekly downloads

## Install

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

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.6.5 |
| Published | 2018-08-23 |
| First published | 2016-12-09 |
| Weekly downloads | 0 |
| License | BSD-3-Clause |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 14 |
| Unpacked size | 42.2 KB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 8017 |
| Maintainers | wintercn, yacheng, yuanyan, zeroling |

## Links

- npm: https://www.npmjs.com/package/element-loader
- Repository: https://github.com/alibaba/rax
- Homepage: https://github.com/alibaba/rax#readme
- Issues: https://github.com/alibaba/rax/issues
- npm.io page: https://npm.io/package/element-loader

## Dependencies (14)

- [jsdom](https://npm.io/package/jsdom.md) ^9.8.3
- [lodash](https://npm.io/package/lodash.md) ^4.17.2
- [babylon](https://npm.io/package/babylon.md) ^6.14.1
- [babel-core](https://npm.io/package/babel-core.md) ^6.20.0
- [domhandler](https://npm.io/package/domhandler.md) ^2.3.0
- [consolidate](https://npm.io/package/consolidate.md) ^0.14.5
- [htmlparser2](https://npm.io/package/htmlparser2.md) ^3.9.2
- [babel-loader](https://npm.io/package/babel-loader.md) ^6.2.10
- [loader-utils](https://npm.io/package/loader-utils.md) ^0.2.16
- [babel-traverse](https://npm.io/package/babel-traverse.md) ^6.20.0
- [uppercamelcase](https://npm.io/package/uppercamelcase.md) ^1.1.0
- [babel-generator](https://npm.io/package/babel-generator.md) ^6.20.0
- [stylesheet-loader](https://npm.io/package/stylesheet-loader.md) ^0.6.5
- [babel-plugin-transform-with](https://npm.io/package/babel-plugin-transform-with.md) ^1.0.0

## Recent versions

- 0.6.5 (latest) — 2018-08-23
- 0.6.4 — 2018-06-07
- 0.6.3 — 2018-05-08
- 0.6.2 — 2018-05-08
- 0.6.1 — 2018-04-23
- 0.6.0 — 2018-04-10
- 0.5.4 — 2018-03-02
- 0.5.2 — 2018-01-30
- 0.5.1 — 2018-01-25
- 0.5.0 — 2017-12-13
- 0.4.20 — 2017-10-18
- 0.4.19 — 2017-10-17
- 0.4.18 — 2017-10-16
- 0.4.17 — 2017-10-11
- 0.4.16 — 2017-09-28
- … 61 more at https://npm.io/package/element-loader/versions

## README

<p align="center">
  <a href="https://alibaba.github.io/rax">
    <img alt="Rax" src="https://user-images.githubusercontent.com/677114/59907138-e99f7180-943c-11e9-8769-07021d9fe1ca.png" width="66">
  </a>
</p>

<p align="center">
Rax is a progressive framework for building universal applications.

<p align="center">
  <a href="https://github.com/alibaba/rax/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/rax.svg"></a>
  <a href="https://www.npmjs.com/package/rax"><img src="https://img.shields.io/npm/v/rax.svg"></a>
  <a href="https://www.npmjs.com/package/rax"><img src="https://img.shields.io/npm/dm/rax.svg"></a>
  <a href="https://travis-ci.org/alibaba/rax"><img src="https://travis-ci.org/alibaba/rax.svg?branch=master"></a>
  <a href="https://unpkg.com/rax/dist/rax.min.js"><img src="https://img.badgesize.io/https://unpkg.com/rax/dist/rax.min.js?compression=gzip&?maxAge=3600" alt="gzip size"></a>
</p>

---

💌 **Write Once, Run Anywhere:** write one codebase, run with `Web`, [`Weex`](https://weex.apache.org/), [`Node.js`](https://nodejs.org/), `Alibaba MiniApp`, and `WeChat MiniProgram`. Rax can be used with additional containers that implement it's [driver specification](https://github.com/alibaba/rax/wiki/Driver-Specification).

⏱ **Fast:** better performance and a tiny size(📦~6KB) when compared to [React](http://reactjs.org/) using the same API.

📤 **Easy:** quick start with zero configuration, all features like `Progressive Web App (PWA)`, `Server-Side Rendering (SSR)`, and `Function as a service (FaaS)` can be used out of the box.

### Quick Start 🥢🍚

#### Start from command line

Create a new Rax project using `create-rax`:

```sh
$ npm init rax <YourProjectName>
```
_`npm init <initializer>` is available in npm 6+_

Start local server to launch project:

```sh
$ cd <YourProjectName>
$ npm install
$ npm run start
```

#### Start from [VS Code](https://code.visualstudio.com/)

You need to install the [AppWorks Pack](https://marketplace.visualstudio.com/items?itemName=iceworks-team.iceworks) and invoke the `Create Application` command from the VS Code command palette (`Ctrl + Shift + P` or `Cmd + Shift + P` on Mac):

![vscode](https://img.alicdn.com/imgextra/i4/O1CN01B2NdUc1LVH9UffWpV_!!6000000001304-1-tps-960-720.gif)

### Developer Tools 🛠

You can inspect and modify the state of your Rax components at runtime using the
[Rax Developer Tools](https://github.com/raxjs/rax-devtools) browser extension,
however the extension will not work in `production` mode.

1. Install the Chrome [Rax Developer Tools](https://chrome.google.com/webstore/detail/rax-developer-tools/anpeoinhjjligmgoiepbnigjhmijblff) extension
2. Reload and go to the 'Rax' tab in the browser's development tools

#### VS Code Extension

You can use [AppWorks Pack](https://marketplace.visualstudio.com/items?itemName=iceworks-team.iceworks) to get better development experience.

### Awesome Things 📝

You can find some awesome things in [awesome-rax](https://github.com/raxjs/awesome-rax).

### Contributing 🧼

Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our [guidelines for contributing](./.github/CONTRIBUTING.md).

#### Code Contributors

This project exists thanks to all the people who contribute.
<a href="https://github.com/alibaba/rax/graphs/contributors"><img src="https://opencollective.com/rax/contributors.svg?width=890&button=false" /></a>

### Community support

For general help using Rax, please refer to [the official site](https://rax.js.org/). For additional help, you can use one of these channels to ask a question:

- [GitHub](https://github.com/alibaba/rax) (Bug reports, contributions)
- [Twitter](https://twitter.com/RaxNews) (Get the news fast)
- [Medium](https://medium.com/@raxjs) (Get blogs and articles)
- [知乎专栏](https://zhuanlan.zhihu.com/raxjs) (Get blogs and articles in Simplified Chinese)

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