javascript - 用vue-cli建構專案時,需要引入本地的靜態js和CSS文件,要怎麼打包?
大家讲道理
大家讲道理 2017-05-19 10:42:04
0
3
652

1.用vue-cli建構專案時,需要引入本地的靜態js和CSS文件,直接npm run bulid打包後的文件沒辦法連JS和CSS一直打包,需要怎麼配webpack或用gulp才能打包?

相關程式碼如下

<!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>

其中js檔案既包含本地靜態的也包含外部cdn引入的檔案

求打包路子

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!