Programmiererforum

yLibrary.showAlert()

//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;

Ich versuche, eine Bibliothek mit Webpack zu erstellen. Beim Verzehr meiner Bibliothek möchte ich m anrufen können[code]yLibrary.showAlert()[/code] aus einem Skript -Tag oder einem anderen JS -Dokument. Mein [url=viewtopic.php?t=18916]Problem[/url] 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]//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;

[/code]