open-index/open-npm huggingface dataset:
npm package: @loonguo/rollup-plugin-raw
Description: Importing text file as string
Author: loonguo@foxmail.com
Latest version: 0.0.5

# rollup-plugin-raw
Importing asset as string

```js
import positionVertex from "./position.vert.wgsl?raw";
```

## Installation

```sh
npm install @loonguo/rollup-plugin-raw --save-dev
```

## Usage

```js
import raw from "@loonguo/rollup-plugin-raw";

rollup({
  input: 'src/index.js',
  plugins: [
    raw({
      include: "**/*.wgsl",
    })
  ]
});
```

## Typescript

```json
{
  "compilerOptions": {
    "types": [
      "@loonguo/rollup-plugin-raw"
    ]
  }
}
```
npm package: @loongwoo/eslint-config-vue-standard
Description: Vue2 eslint 配置
Author: loong.woo
Latest version: 0.0.3

# eslint-config-vue-standard

自定义 Vue2 eslint 配置。

## 使用

安装依赖：

```sh
yarn add @loongwoo/eslint-config-vue-standard -D
# or
npm install @loongwoo/eslint-config-vue-standard --save-dev
```

打开 `.eslintrc.js` 文件配置。修改 `extends` 选项，增加 `@loongwoo/vue-standard`：

```js
module.exports = {
  ...
  extends: [..., '@loongwoo/vue-standard']
}
```
npm package: @loongwoo/sentry-sourcemap-plugin
Description: `@sentry/webpack-plugin` extended webpack plugin.
Author: loong.woo
Latest version: 1.2.0

# sentry-sourcemap-plugin

> `@sentry/webpack-plugin` extended webpack plugin.

![npm (scoped)](https://img.shields.io/npm/v/@longwoo/sentry-sourcemap-plugin?color=%23be3031&style=flat-square)
![GitHub release (latest by date including pre-releases)](https://img.shields.io/github/v/release/long-woo/sentry-sourcemap-plugin?include_prereleases&style=flat-square)
![npm download](https://img.shields.io/npm/dm/@longwoo/sentry-sourcemap-plugin?style=flat-square)
![GitHub license](https://img.shields.io/github/license/long-woo/sentry-sourcemap-plugin?style=flat-square)

[中文](https://github.com/long-woo/sentry-sourcemap-plugin/blob/master/README_ZH.md)

Sentry automatically deletes the SourceMap file after uploading it Map file.

⚠️ This plugin is configured with some initial values by default:：

- release: '1.0.0', automatically read the `version` in the current project `package.json`。
- include: './dist'。
- configFile: '.sentryclirc'。

## Use

### Install

> 💡 `@longwoo/sentry-sourcemap-plugin` already contains `@sentry/webpack-plugin` plugin, no need to install it.
The configuration is consistent with [`@sentry/webpack-plugin`](https://www.npmjs.com/package/@sentry/webpack-plugin).

```sh
npm install @longwoo/sentry-sourcemap-plugin --save-dev
# or
yarn add @longwoo/sentry-sourcemap-plugin -D
```

### Vue project

Add the following configuration in the `vue.config.js` file:

```js
const { SentrySourcemapPlugin } = require('@longwoo/sentry-sourcemap-plugin')

module.exports = {
  configureWebpack: config => {
    config.plugins.push(new SentrySourcemapPlugin())
  }
}
```

### Webpack

Added in the `plugins` option of the `webpack.config.js` file:

```js
const { SentrySourcemapPlugin } = require('@longwoo/sentry-sourcemap-plugin')

module.exports = {
  plugins: [
    new SentrySourcemapPlugin()
  ]
}
```
npm package: @loongwoo/stylelint-config-standard
Description: 一个开箱即用的 Stylelint 配置。
Author: loong.woo
Latest version: 1.6.2

# stylelint-config-standard

🔧 一个开箱即用的 stylelint 配置。

## 支持文件

- [x] CSS/SCSS 文件
- [x] HTML 文件
- [x] Vue 单文件组件

## 使用

1.安装依赖：

```sh
pnpm add -D @longwoo/stylelint-config-standard

# or
npm install -save-dev @longwoo/stylelint-config-standard

# or
yarn add -D @longwoo/stylelint-config-standard
```

2.在项目根目录创建 `.stylelintrc` 文件，添加 `extends` 配置项。

```json
{
  "extends": "@longwoo/stylelint-config-standard"
}
```

3.打开 `package.json`，在 `scripts` 配置项中添加 `lint:style` 脚本，执行 `npm run lint:style` 即可。

```json
{
  "scripts": {
    "lint:style": "stylelint '**/*.{css,scss,vue,html}'",
    "lint:style:fix": "stylelint '**/*.{css,scss,vue,html}' --fix"
  }
}
```
npm package: @loongwoo/tailwind
Description: Basic configuration of tailwind css.
Author: loong.woo
Latest version: 1.0.0

# Tailwind

Basic configuration of tailwind css.

```sh
pnpm add @loongwoo/tailwind
```

Add code to the entry file：

- `scss` file

```scss
@use '@loongwoo/tailwind/index.css'
```

- `ts` or `js` file

```ts
import '@loongwoo/tailwind'
```
npm package: @loonride/mixin-cache-as-bitmap
Description: Mixin to allow caching container and its children to a bitmap texture
Author: Mat Groves
Latest version: 5.2.0

# @pixi/mixin-cache-as-bitmap

## Installation

```bash
npm install @pixi/mixin-cache-as-bitmap
```

## Usage

```js
import '@pixi/mixin-cache-as-bitmap';
```
npm package: @loonride/pixi.js-bitmap-flicker
Description: PixiJS without the CanvasRenderer fallback, modern browsers only
Author: Mat Groves
Latest version: 5.2.2

PixiJS — The HTML5 Creation Engine
=============

![pixi.js logo](https://pixijs.download/pixijs-banner-v5.png)

The aim of this project is to provide a fast lightweight 2D library that works
across all devices. The PixiJS renderer allows everyone to enjoy the power of
hardware acceleration without prior knowledge of WebGL. Also, it's fast. Really fast.

**Your support helps us make PixiJS even better. Make your pledge on [Patreon](https://www.patreon.com/user?u=2384552&ty=h&u=2384552) and we'll love you forever!**

### Setup

PixiJS can be installed with [npm](https://docs.npmjs.com/getting-started/what-is-npm) to integration with [Webpack](https://webpack.js.org/), [Browserify](http://browserify.org/), [Rollup](https://rollupjs.org/), [Electron](https://electron.atom.io/), [NW.js](https://nwjs.io/) or other module backed environments.

#### Install

```
npm install pixi.js
```
There is no default export. The correct way to import PixiJS is:

```js
import * as PIXI from 'pixi.js'
```
### Basic Usage Example

```js
// The application will create a renderer using WebGL, if possible,
// with a fallback to a canvas render. It will also setup the ticker
// and the root stage PIXI.Container.
const app = new PIXI.Application();

// The application will create a canvas element for you that you
// can then insert into the DOM.
document.body.appendChild(app.view);

// load the texture we need
PIXI.loader.add('bunny', 'bunny.png').load((loader, resources) => {

    // This creates a texture from a 'bunny.png' image.
    const bunny = new PIXI.Sprite(resources.bunny.texture);

    // Setup the position of the bunny
    bunny.x = app.renderer.width / 2;
    bunny.y = app.renderer.height / 2;

    // Rotate around the center
    bunny.anchor.x = 0.5;
    bunny.anchor.y = 0.5;

    // Add the bunny to the scene we are building.
    app.stage.addChild(bunny);

    // Listen for frame updates
    app.ticker.add(() => {
         // each frame we spin the bunny around a bit
        bunny.rotation += 0.01;
    });
});
```

### License

This content is released under the (http://opensource.org/licenses/MIT) MIT License.

[![Analytics](https://ga-beacon.appspot.com/UA-39213431-2/pixi.js/index)](https://github.com/igrigorik/ga-beacon)