recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - Lors de la construction d'un projet avec vue-cli, vous devez introduire des fichiers js et CSS statiques locaux. Comment les empaqueter?

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

大家讲道理大家讲道理2776 Il y a quelques jours758

répondre à tous(3)je répondrai

  • ringa_lee

    ringa_lee2017-05-19 10:44:04

    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

    .

    répondre
    0
  • 世界只因有你

    世界只因有你2017-05-19 10:44:04

    static sera automatiquement empaqueté comme static.

    répondre
    0
  • 天蓬老师

    天蓬老师2017-05-19 10:44:04

    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

    répondre
    0
  • Annulerrépondre