Maison > Article > interface Web > Introduction à la méthode d'établissement d'une démo et de configuration de l'environnement Webpack
Cet article vous apporte une introduction à la méthode de mise en place d'une démo pour configurer l'environnement webpack. Il a une certaine valeur de référence. J'espère qu'il sera utile. toi.
1. Créez une démo
2. Entrez dans le répertoire webpack_demo créé pour créer un dossier dist (pour la production) et un dossier src (pour l'environnement de développement)
/dist/index.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>webpack</title></head><body> <p id="title"></p> <script src="./bundle.js"></script></body></html>
document.getElementById(‘title’).innerHTML=’Hello Webpack’;
npm install -g live-serverUne fois l'installation terminée, exécutez live-server dans le terminal et les informations Hello Webpack seront affichées dans le navigateurRecommandations associées :
Webpack utilise les étapes de ligne de commande pour l'installation
Quels sont les sélecteurs CSS ? Résumé de l'utilisation du sélecteur CSS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!