Tabla de contenido
1. Use npm en nodejs para descargar el paquete web
npm install [email protected] -g
Una vez completada la descarga, puede verificar la versión
2. Caso
módulo de exportación mathUtils.js
function add(arg1, arg2) {
return arg1 + arg2;
}
function sub(arg1, arg2) {
return arg1 - arg2;
}
export {
add,sub
}
módulo de importación main.js
import {
add,sub} from './mathUtils.js'
console.log(add(10,20));
console.log(sub(50,20));
Paquete incorrecto al usar main.js directamente
<!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>
Utilice el paquete web para resolver
Escribe en la consola
paquete web. \ src \ main.js. \ dist \ bundle.js
Luego modifique el archivo del directorio src
<script src="./dist/bundle.js"></script>
En la prueba preliminar, puede agregar type = 'module' al script para probar, y luego usar el paquete web para empaquetarlo y publicarlo en el servidor al publicar