ClearScript can't run a javascript file generated by webpack

[jikexiaojiang]

Hello, I'm trying to run javascript within ClearScript. The details are below:
a api.js which is packaged with command "webpack --config webpack.web.dev.config.js" , and the webpack.web.dev.config.js is shown as below:

const path = require("path");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");

const entry = require("./src/entry");

module.exports = {
    entry,
    output: {
        filename: "js/[name].js",
        path: path.resolve(__dirname, "dist"),
        library: "cppf_[name]",
        libraryTarget: "umd"
    },
    resolve: {
        // Add `.ts` and `.tsx` as a resolvable extension.
        extensions: [".ts", ".tsx", ".js"],
        fallback: {
            stream: require.resolve("stream-browserify"),
            buffer: require.resolve("buffer")
        }
    },
    module: {
        rules: [
            {
                test: /\.html$/,
                loader: "html-loader"
            },
            {
                test: /\.(jpeg|jpg|gif|png)$/,
                type: "asset/resource"
            },
            {
                test: /\.[tsx?|js]$/,
                exclude: /node_modules/,
                enforce: "pre",
                loader: "eslint-loader",
                options: {
                    fix: true
                }
            },
            {
                test: /\.[js|tsx?]$/,
                exclude: /node_modules/,
                loader: "babel-loader",
                options: {
                    presets: [
                        [
                            "@babel/preset-env",
                            {
                                useBuiltIns: "usage",
                                corejs: 3,
                                targets: {
                                    chrome: "60",
                                    firefox: "60",
                                    ie: "9"
                                },
                                modules: true
                            }
                        ]
                    ]
                }
            },
            // all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
            {
                test: /\.tsx?$/,
                exclude: /node_modules/,
                use: [
                    {
                        loader: "ts-loader",
                        options: {
                            transpileOnly: true
                        }
                    }
                ]
            }
        ]
    },
    plugins: [
        new CleanWebpackPlugin(),
        // new HtmlWebpackPlugin({
        //     template: "./src/index.html",
        //     minify: {
        //         collapseWhitespace: true,
        //         removeComments: true
        //     }
        // })
    ],
    optimization: {
        splitChunks: {
            minSize: 30 * 1024 * 1024,
            cacheGroups: {
                common: {
                    enforce: true,
                    test: /[\\/]common[\\/]/,
                    name: "common",
                    chunks: "all"
                },
                modules: {
                    enforce: true,
                    test: /[\\/]node_modules[\\/]/,
                    name: "modules",
                    chunks: "all"
                }
            }
        }
    },
    mode: "development",
    devtool: "source-map",
    devServer: {
        contentBase: path.resolve(__dirname, "dist"),
        watchContentBase: true,
        watchOptions: {
            ignored: /node_modules/
        },
        compress: true,
        port: 5000,
        host: "localhost",
        open: true,
        hot: true,
        clientLogLevel: "none",
        quiet: true,
        overlay: false,
        proxy: {
            // "/api": {
            //     target: "http://localhost:3000",
            // pathRewrite: {
            //     "^/api": ""
            // }
            // }
        }
    }
};

here is the test code that try to invoke js

using (var v8engine = new V8ScriptEngine(V8ScriptEngineFlags.EnableDebugging, 8888)) {
                v8engine.DocumentSettings.AccessFlags = Microsoft.ClearScript.DocumentAccessFlags.EnableFileLoading;
                v8engine.AddHostObject("cppfBridge", new ExtendedHostObject());
                v8engine.ExecuteDocument(@"D:\test\js_csharp_call\dist\js\api.js");
                var js = "console.log(cppf_api==null)";
                v8engine.ExecuteDocument(js);
            }

then I got this error:

So is there any guide that tells how to run js file generated by webpack? thanks

[ClearScriptLib]

Hello @jikexiaojiang,

By default, ClearScript provides only a bare standard JavaScript environment. It does not provide Node.js or Web APIs. If your script code relies on those APIs, it won't run in ClearScript unless your host application provides them.

In this case, your script appears to be referencing self, which is part of the Web API. You could define self yourself before running the script – e.g., v8Engine.Execute("const self = globalThis"); – but if it relies on self, your script might rely on other Web APIs as well.

Good luck!

[jikexiaojiang]

thanks, It's workable. Actually, Our project does not use self or global , even though they are packaged