Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/webpack-contrib/script-loader

[deprecated] Script Loader
https://github.com/webpack-contrib/script-loader

webpack-loader

Last synced: about 1 month ago
JSON representation

[deprecated] Script Loader

Awesome Lists containing this project

README

        

[![npm][npm]][npm-url]
[![node][node]][node-url]
[![deps][deps]][deps-url]
[![chat][chat]][chat-url]

# ! NO LONGER MAINTAINED !

This module is deprecated and will no longer be maintained.

It has a known issue of generating non-deterministic hashes (see #49, #56, #60).
*Do not use it.*

In most cases, you can replace the functionality by using `raw-loader` instead:

```diff
- import('script-loader!someScript.js')
+ import('raw-loader!someScript.js').then(rawModule => eval.call(null, rawModule.default))
```

If you need some transformations to be applied to the script you want to load, you may need to find or write yourself a separate loader for that. Some documentation that might be helpful:

- https://webpack.js.org/loaders/
- https://webpack.js.org/concepts/loaders/
- https://webpack.js.org/contribute/writing-a-loader/

----------





Script Loader


Install

```bash
npm install --save-dev script-loader
```

Usage

Executes JS script once in global context.

> :warning: Doesn't work in NodeJS

### Config (recommended)

```js
import './script.exec.js';
```

**webpack.config.js**
```js
module.exports = {
module: {
rules: [
{
test: /\.exec\.js$/,
use: [ 'script-loader' ]
}
]
}
}
```

### Inline

```js
import 'script-loader!./script.js';
```

## Options

| Name | Type | Default | Description |
| :-----------------------------------------: | :-------------------: | :-------------: | :------------------------------------------ |
| **[`sourceMap`](#sourcemap)** | `{Boolean}` | `false` | Enable/Disable Sourcemaps
| **[`useStrict`](#usestrict)** | `{Boolean}` | `true` | Enable/Disable useStrict

### `sourceMap`

Type: `Boolean`
Default: `false`

To include source maps set the `sourceMap` option.

**webpack.config.js**
```js
module.exports = {
module: {
rules: [
{
test: /\.script\.js$/,
use: [
{
loader: 'script-loader',
options: {
sourceMap: true,
},
},
]
}
]
}
}
```

### `useStrict`

Type: `Boolean`
Default: `true`

To disable use strict set the `useStrict` option to `false`.

**webpack.config.js**
```js
module.exports = {
module: {
rules: [
{
test: /\.script\.js$/,
use: [
{
loader: 'script-loader',
options: {
useStrict: false,
},
},
]
}
]
}
}
```

Maintainers






Juho Vepsäläinen




Joshua Wiens




Kees Kluskens




Sean Larkin


[npm]: https://img.shields.io/npm/v/script-loader.svg
[npm-url]: https://npmjs.com/package/script-loader

[node]: https://img.shields.io/node/v/script-loader.svg
[node-url]: https://nodejs.org

[deps]: https://david-dm.org/webpack/script-loader.svg
[deps-url]: https://david-dm.org/webpack/script-loader

[chat]: https://badges.gitter.im/webpack/webpack.svg
[chat-url]: https://gitter.im/webpack/webpack