Übergeben Sie den Export durch eine Hauptdatei in WebPack
Posted: 21 Mar 2025, 00:33
Ich versuche, eine Bibliothek mit Webpack zu erstellen. Beim Verzehr meiner Bibliothek möchte ich m anrufen können aus einem Skript -Tag oder einem anderen JS -Dokument. Mein Problem ist, dass ich mehrere Dateien habe, die alle in eine Main.js -Datei importiert werden, die der Einstiegspunkt meiner Bibliothek ist. Wenn ich jede Datei in main.js importiere und exportiere, funktioniert sie. Meine Frage ist, gibt es eine Möglichkeit, alle Dateien zu exportieren, ohne jedes einzeln einzeln aufzulisten? < /P>
Beispiel: < /p>
Code: Select all
yLibrary.showAlert()Beispiel: < /p>
Code: Select all
//alerts.js
export function showAlert() {
console.log("show alert called");
}
//translations.js
export function translateText() {
console.log("translate text called");
}
//main.js
import "./components/alerts.js";
import "./components/translations.js";
//Note: I want to avoid this part
export * from "/components/alerts.js";
export * from "/components/translations.js";
//webpack.library.config.js
const path = require("path");
const libraryName = "rmsui";
var configLib = Object.assign({}, config, {
mode: "development",
name: "myLibrary",
entry: {
// JS
myLibrary: "./js/main.js",
errorPages: "./js/errorPages.js" //some other entrypoint not shown above
},
output: {
path: path.resolve(__dirname, "./wwwroot/dist"),
filename: "js/[name].js",
globalObject: "this",
library: {
name: libraryName,
type: "umd",
},
libraryTarget: "var",
//umdNamedDefine: true,
assetModuleFilename: "assets/[hash][ext][query]"
},
plugins: [
//new CleanWebpackPlugin(),
new MiniCssExtractPlugin({
filename: "css/[name].css"
})
]
});
module.exports = configLib;