webpack-obfuscator - GitLite

KO | EN

gitlite — search

#javascript #hacktoberfest #react #typescript #llm #go #android #rust #docker #macos #nodejs #awesome #cli #pytorch

webpack-obfuscator

(★ 925)

javascript-obfuscator plugin for Webpack

파일 탐색기

최종 버전 다운로드 (.zip)

- ESTree.d.ts
- index.ts
- index.ts
- - javascript-obfuscator-loader.config.js
  - javascript-obfuscator-plugin.config.js
- - index-excluded.js
  - index.js
  - nested.js
- integration.test.ts
- loader.test.ts
- plugin.test.ts
- pro-api.test.ts
.gitignore
.npmignore
.travis.yml
index.ts
jest.config.js
LICENSE.BSD
package-lock.json
package.json
README.md
tsconfig.json

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/javascript-obfuscator/webpack-obfuscator

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd webpack-obfuscator

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# javascript-obfuscator plugin and loader for Webpack@5

[![npm version](https://badge.fury.io/js/webpack-obfuscator.svg)](https://badge.fury.io/js/webpack-obfuscator)

### Installation

This plugin requires Webpack@5. If you depend on Webpack@4, please use [version 2](https://github.com/javascript-obfuscator/webpack-obfuscator/tree/2.6.0) of the plugin.

Install the plugin with NPM and add it to your devDependencies:

`npm install --save-dev javascript-obfuscator webpack-obfuscator`

### Plugin usage:

```javascript
var WebpackObfuscator = require('webpack-obfuscator');

// ...

// webpack plugins array
plugins: [
    new WebpackObfuscator ({
        rotateStringArray: true
    }, ['excluded_bundle_name.js'])
]
```

### Loader usage:

Define a rule in your webpack config and use the obfuscator-loader as the last of your loaders for your modules. You can add the **enforce: 'post'** flag to ensure the loader will be called after normal loaders:

```javascript
var WebpackObfuscator = require('webpack-obfuscator');

// webpack loader rules array
rules: [
    {
        test: /\.js$/,
        exclude: [
            path.resolve(__dirname, 'excluded_file_name.js')
        ],
        enforce: 'post',
        use: {
            loader: WebpackObfuscator.loader,
            options: {
                rotateStringArray: true
            }
        }
    }
]
```

### obfuscatorOptions
Type: `Object` Default: `null`

Options for [javascript-obfuscator](https://github.com/javascript-obfuscator/javascript-obfuscator). Should be passed exactly like described on their page.

### excludes (plugin only)
Type: `Array` or `String` Default: `[]`

Bundle name is output file name after webpack compilation. With multiple webpack entries you can set bundle name in `output` object with aliases `[name]` or `[id]`.

Syntax for excludes array is syntax for [multimatch](https://github.com/sindresorhus/multimatch) package. You can see examples on package page.

Few syntax examples: `['excluded_bundle_name.js', '**_bundle_name.js'] or 'excluded_bundle_name.js'`

Example:
```
// webpack.config.js
'use strict';

const JavaScriptObfuscator = require('webpack-obfuscator');

module.exports = {
    entry: {
        'abc': './test/input/index.js',
        'cde': './test/input/index1.js'
    },
    output: {
        path: 'dist',
        filename: '[name].js' // output: abc.js, cde.js
    },
    plugins: [
        new JavaScriptObfuscator({
            rotateStringArray: true
        }, ['abc.js'])
    ]
};
```

Can be used to bypass obfuscation of some files.

---

## Pro API Support

The plugin and loader support the [obfuscator.io](https://obfuscator.io) Pro API for cloud-based obfuscation (requires [javascript-obfuscator](https://github.com/javascript-obfuscator/javascript-obfuscator) `^5.0.0`). This allows you to use Virtual Machine-based obfuscation available through the JavaScript Obfuscator Pro API.

### The usage with Pro API

```javascript
var WebpackObfuscator = require('webpack-obfuscator');

plugins: [
    new WebpackObfuscator(
        {
            // obfuscator options
            rotateStringArray: true
        },
        ['excluded_bundle_name.js'],  // excludes
        {
            // Pro API configuration
            apiToken: 'your-api-token-from-obfuscator.io',
            timeout: 300000  // optional, request timeout in ms (default: 5 minutes)
        },
        (message) => {
            // optional progress callback
            console.log('Obfuscation progress:', message);
        }
    )
]
```

### Loader with Pro API

```javascript
var WebpackObfuscator = require('webpack-obfuscator');

rules: [
    {
        test: /\.js$/,
        enforce: 'post',
        use: {
            loader: WebpackObfuscator.loader,
            options: {
                rotateStringArray: true,
                // Pro API configuration
                proApiConfig: {
                    apiToken: 'your-api-token-from-obfuscator.io',
                    timeout: 300000  // optional
                },
                // optional progress callback
                onProgress: (message) => {
                    console.log('Obfuscation progress:', message);
                }
            }
        }
    }
]
```

### Pro API Options

#### proApiConfig
Type: `Object` Default: `undefined`

Configuration object for the Pro API:

| Property | Type | Required | Default | Description |
|----------|------|----------|---------|-------------|
| `apiToken` | `string` | Yes | - | Your API token from [obfuscator.io](https://obfuscator.io) |
| `timeout` | `number` | No | `300000` | Request timeout in milliseconds (5 minutes) |

#### onProgress
Type: `Function` Default: `undefined`

Callback function that receives progress messages during obfuscation.

```typescript
type TProApiProgressCallback = (message: string) => void;
```

### TypeScript Support

The plugin exports TypeScript types for Pro API configuration:

```typescript
import WebpackObfuscator, { IProApiConfig, TProApiProgressCallback } from 'webpack-obfuscator';

const proApiConfig: IProApiConfig = {
    apiToken: 'your-token',
    timeout: 60000
};

const onProgress: TProApiProgressCallback = (message) => {
    console.log(message);
};
```

---

### License
Copyright (C) 2025 [Timofey Kachalov](http://github.com/sanex3339).

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

* Redistributions of source code must retain the above copyright
    notice, this list of conditions and the following disclaimer.
  * Redistributions in binary form must reproduce the above copyright
    notice, this list of conditions and the following disclaimer in the
    documentation and/or other materials provided with the distribution.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
ARE DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> BE LIABLE FOR ANY
DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.