1. Lors de la construction d'un projet avec vue-cli, vous devez introduire des fichiers js et CSS statiques locaux. Les fichiers empaquetés directement par npm run bulid ne peuvent pas être empaquetés avec JS et CSS. Comment devez-vous configurer webpack ou utiliser gulp pour. emballer?
Le code pertinent est le suivant
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ETA</title>
<meta name="viewport"
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<link rel="stylesheet" type="text/css" href="static/css/reset.css">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="static/img/favicon.ico" rel="icon" type="image/x-icon" />
<link rel="stylesheet" href="static/assets/animate/animate.min.css">
<link rel="stylesheet" href="static/assets/styles/summernote-bs3.css">
<link rel="stylesheet" href="static/assets/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="static/assets/styles/app.css">
<link rel="stylesheet" href="static/css/after.css">
</head>
<body>
<p id="app"></p>
<!-- built files will be auto injected -->
<!-- jQuery -->
<script src="//cdn.bootcss.com/jquery/3.2.0/jquery.js"></script>
<!-- Bootstrap -->
<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="static/scripts/tether.min.js"></script>
<!-- code -->
<script src="static/scripts/jquery.storageapi.min.js"></script>
<script src="static/scripts/pace.min.js"></script>
<script src="static/scripts/config.lazyload.js"></script>
<script src="static/scripts/palette.js"></script>
<script src="static/scripts/ui-load.js"></script>
<script src="static/scripts/ui-jp.js"></script>
<script src="static/scripts/ui-include.js"></script>
<script src="static/scripts/ui-device.js"></script>
<script src="static/scripts/ui-nav.js"></script>
<script src="static/scripts/ui-toggle-class.js"></script>
</body>
</html>
Les fichiers js incluent à la fois des fichiers statiques locaux et des fichiers introduits par un cdn externe
S'il vous plaît, donnez-moi un moyen de faire mes bagages
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Il sera empaqueté automatiquement, mais le JS statique local doit être placé dans le dossier du projet, sinon le package ne sera pas inclus. Je crée généralement un nouveau dossier js dans le projet, puis j'y mets tout le JS statique
.static sera automatiquement empaqueté comme static.
Si vous souhaitez utiliser des fichiers js ou css locaux, vous devez les importer séparément dans main.js, afin que votre code js et css soit intégré au projet au lieu de référencer les fichiers locaux dans index.html js et css. Bien entendu, les fichiers externes accélérés par CDN peuvent être référencés dans index.html