Я хочу импортировать компонент реагирования, который был в комплекте, используя веб-пакет.
Я могу выполнить задачу, скопировав ее локально в эту папку и затем импортировав
import Any from '.dist/index'
и работает нормально.
Но я хочу загрузить этот файл index.js куда-нибудь, например, в Amazon s3. Теперь я не могу импортировать компонент так же, как указано выше.
Мой файл webpack.config.js, который я использовал для экспорта моего связанного компонента, созданного веб-пакетом, который я использую в другом проекте, путем копирования файла index.js и index.css
var path = require("path");
var HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
entry: "./src/index.js",
output: {
path: path.resolve(__dirname, "dist"),
filename: "index_bundle.js",
libraryTarget: "commonjs2"
},
module: {
rules: [
{ test: /\.(js)$/, use: "babel-loader" },
{ test: /\.css$/, use: ["style-loader", "css-loader"] }
]
},
externals: {
react: "commonjs react"
},
mode: "production",
plugins: [
new HtmlWebpackPlugin({
template: "./src/index.html"
})
]
};
Я хочу импортировать компонент из файла, загруженного в s3.