Inhaltsverzeichnis
1. Verwenden Sie npm in nodejs, um das Webpack herunterzuladen
npm install [email protected] -g
Nach Abschluss des Downloads können Sie die Version überprüfen
2. Fall
Das Exportmodul mathUtils.js
function add(arg1, arg2) {
return arg1 + arg2;
}
function sub(arg1, arg2) {
return arg1 - arg2;
}
export {
add,sub
}
main.js Importmodul
import {
add,sub} from './mathUtils.js'
console.log(add(10,20));
console.log(sub(50,20));
Falsches Paket bei direkter Verwendung von main.js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script src="./src/main.js"></script>
<body>
</body>
</html>
Verwenden Sie Webpack zum Lösen
Geben Sie die Konsole ein
Webpack. \ src \ main.js. \ dist \ bundle.js
Ändern Sie dann die src-Verzeichnisdatei
<script src="./dist/bundle.js"></script>
Im vorläufigen Test können Sie dem zu testenden Skript type = 'module' hinzufügen und dann das Webpack verwenden, um es beim Veröffentlichen auf dem Server zu verpacken und zu veröffentlichen