Загрузка связанного компонента реакции с scriptjs и рендеринга на экране - PullRequest
Новая
       14

Загрузка связанного компонента реакции с scriptjs и рендеринга на экране

0 голосов
/ 30 мая 2019

Я связал свой реактивный компонент с помощью web-pack, и ниже приведен файл webpack.config.js, который я использовал для достижения того же 

var path = require("path");
var HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
    entry: "./src/index.js",
    output: {
        path: path.resolve(__dirname, "webpack"),
        filename: "index_bundle.js",
        libraryTarget: "umd",
        library: "Lib",
        umdNamedDefine: true,
        globalObject: `(typeof self !== 'undefined' ? self : this)`
    },
    module: {
        rules: [
            { test: /\.(js)$/, use: "babel-loader" },
            { test: /\.css$/, use: ["style-loader", "css-loader"] }
        ]
    },
    target: "web",
    mode: "production",
    plugins: [
        new HtmlWebpackPlugin({
            template: "./src/index.html"
        })
    ]
};

Я хочу использовать его в другом реактивном проекте

Я могу выполнить эту задачу, просто скопировав файл inde_bundle.js локально и импортировав его. Но теперь я хочу загрузить файл из URL, и я делаю это с scriptjs 

var scriptjs = require("scriptjs");
scriptjs.get(
    "https://s3.ap-south-1.amazonaws.com/hardik97122/index_bundle.js",
    function() {
        console.log(Lib);
        ReactDOM.render(<Lib />, document.getElementById("root"));
        // return <lib />;
    }
);

Это не служит моей цели

Выходные данные должны отображаться компонентом из этого URL. Может быть, мне нужно внести некоторые изменения в конфигурацию веб-пакета, но я не знаю, что делать.

...