Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to onfuscate only my own code using webpack-obfuscator? #178

Open
RareScrap opened this issue Jan 5, 2025 · 0 comments
Open

How to onfuscate only my own code using webpack-obfuscator? #178

RareScrap opened this issue Jan 5, 2025 · 0 comments

Comments

@RareScrap
Copy link

I'm building an electron application using TypeScript and WebPack. I want to process my own code without touching any 3rd party dependencies in order to rename only my own classes property names.

I've tried to use two approaches but with no success:

  1. Using plugin

    import path from 'node:path';
    import type { Configuration } from 'webpack';
    
    import { rules } from './webpack.rules';
    import WebpackObfuscator from 'webpack-obfuscator';
    
    export const mainConfig: Configuration = {
      /**
       * This is the main entry point for your application, it's the first file
       * that runs in the main process.
       */
      entry: "./src/index.ts",
      // Put your normal webpack config below here
      module: {
        rules
      },
      plugins: [
        new WebpackObfuscator({
          sourceMap: true,
          renameProperties: true,
          rotateStringArray: true
        }, "node_modules/")
      ],
      resolve: {
        extensions: [".js", ".ts", ".jsx", ".tsx", ".css", ".json"],
        // Workaround to make import aliases ("paths" from tscondig.json) work
        // https://stackoverflow.com/a/75373097/6698055
        alias: {
          "@domain": path.resolve(__dirname, "src/domain"),
          "@platform": path.resolve(__dirname, "src/platform"),
          "@build_src": path.resolve(__dirname, "build_src")
        }
      }
    };
  2. Using loader

    import type { ModuleOptions } from 'webpack';
    import WebpackObfuscator from 'webpack-obfuscator';
    import path from 'node:path'
    
    export const rules: Required<ModuleOptions>["rules"] = [
      // Add support for native node modules
      {
        // We're specifying native_modules in the test because the asset relocator loader generates a
        // "fake" .node file which is really a cjs file.
        test: /native_modules[/\\].+\.node$/,
        use: "node-loader"
      },
      {
        test: /[/\\]node_modules[/\\].+\.(m?js|node)$/,
        parser: { amd: false },
        use: {
          loader: "@vercel/webpack-asset-relocator-loader",
          options: {
            outputAssetBase: "native_modules"
          }
        }
      },
      {
        test: /\.js$/,
        enforce: 'post', // Ensure this loader will be called after normal loaders
        use: {
          loader: WebpackObfuscator.loader,
          options: {
            rotateStringArray: true,
            renameProperties: true
          }
        }
      }
    ];

How can I force WebPack to process only my own code without touching any dependencies?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant