1. Apabila membina projek dengan vue-cli, anda perlu memperkenalkan fail js statik dan CSS tempatan Fail yang dibungkus oleh npm run bulid secara langsung tidak boleh dibungkus dengan JS dan CSS pakej?
Kod yang berkaitan adalah seperti berikut
<!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>
Fail js termasuk kedua-dua fail statik tempatan dan fail yang diperkenalkan oleh cdn luaran
Tolong beri saya cara untuk mengemas
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Ia akan dibungkus secara automatik, tetapi JS statik tempatan mesti diletakkan dalam folder projek, jika tidak, pakej itu tidak akan disertakan, saya biasanya membuat folder js baharu dalam projek, dan kemudian meletakkan semua JS statik di dalamnya
statik akan dibungkus secara automatik sebagai statik.
Jika anda ingin menggunakan fail js atau css tempatan, anda perlu mengimportnya secara berasingan dalam main.js, supaya kod js dan css anda akan dibungkus ke dalam projek dan bukannya merujuk js dan css tempatan dalam index.html . Sudah tentu, fail luaran yang dipercepatkan oleh CDN boleh dirujuk dalam index.html