Directorio de artículos
1. Proyecto de construcción de parcela
Sitio web oficial del paquete: https://v2.parceljs.cn/docs/
instalación npm.
npm init -y
npm install --save-dev parcel
Prepara un html.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>你好,世界!</h1>
</body>
</html>
Paquete de inicio.
npx parcel src/index.html
Efecto:
Línea de comando.
dirección URL
Detección automática de actualizaciones de archivos.
2. Introduce TypeScript
Cree un nuevo tsconfig.json en el directorio principal
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"sourceMap": true
},
"exclude": [
"node_modules"
]
}
Crear un nuevo TS.
let msg: string = "你好,世界!"
console.log(msg)
Cree un nuevo JS.
require("./HelloWorld.ts")
Introducir JS en HTML.
<script src="./index.js" type="module"></script>
Efecto:
3. Pequeño resumen
HTML es el punto de entrada de Parcel y se puede importar cualquier JS.
Una vez que se introduce TS en JS, lo compilará automáticamente.
Configuración cero.