Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/react-doc/raw-extend-loader

raw extend loader module for webpack
https://github.com/react-doc/raw-extend-loader

webpack-loader webpack3

Last synced: 18 days ago
JSON representation

raw extend loader module for webpack

Awesome Lists containing this project

README

        






Raw Extend Loader


A loader for webpack that lets you import files as a string,
raw-loader enhanced.


Install

```bash
npm install --save-dev raw-extend-loader
```

Usage

Use the loader either via your webpack config, CLI or inline.

### Via webpack config (recommended)

**webpack.config.js**
```js
module.exports = {
module: {
rules: [
{
test: /\.txt$/,
use: [
{
loader: require.resolve('raw-extend-loader'),
options: {
dir: '/path/md', // Copy to the '/path/md' directory.
filename: 'dir', // "underline | dir"
sep: '___', // filename="underline", File name to the directory, using '___' interval, default value '__'.
},
},
],
}
]
}
}
```

### option

- `dir` Copy to the '/path/md' directory.
- `filename` Optional `underline | dir`, According to the directory to store, or do not create a directory.
- `sep` Set `filename="underline"`, File name to the directory, using `___` interval, default value `__`.

**In your application**
```js
import txt from './file.txt';
```

### CLI

```bash
webpack --module-bind 'txt=raw-extend-loader'
```

**In your application**
```js
import txt from 'file.txt';
```

### Inline

**In your application**
```js
import txt from 'raw-extend-loader!./file.txt';
```