Vue.jsでブートストラップまたは外部jをインポートする方法

数日前、私はvue.jsを単純なhtml5、css3およびjavascript Webに実装することに決めました。しかし、今、私はこのように私のライブラリをインポートすることはできません。Vue.jsでブートストラップまたは外部jをインポートする方法

<!DOCTYPE html> 
<html> 

<head> 
    <meta charset="utf-8"> 
    <title>LiloTechnology</title> 
    <link href="/css/bootstrap.css" rel="stylesheet" type="text/css"> 

</head> 

<body> 

    <div id="app"></div> 

    <!-- built files will be auto injected --> 

    <script type="text/javascript" src="../assets/js/jquery.1.8.3.min.js"></script> 
    <script type="text/javascript" src="../assets/js/bootstrap.js"></script> 
    <script type="text/javascript" src="../assets/js/jquery-scrolltofixed.js"></script> 
    <script type="text/javascript" src="../assets/js/jquery.easing.1.3.js"></script> 
    <script type="text/javascript" src="../assets/js/jquery.isotope.js"></script> 
    <script type="text/javascript" src="../assets/js/wow.js"></script> 
    <script type="text/javascript" src="../assets/js/classie.js"></script> 

</body> 

</html>

あなたは、外部の.jsファイルをインポートする方法を教えていただけますか？

ありがとうございます。

あなただけそうのような外部（外から）リソースを追加することができます

出典

2017-05-22 Anonymous

：について

を

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

のように... CSSがリンクRELで同じように動作します= "externalUrlTo.css"

生産準備アプリ。 Webpackやnpmのようなモジュールバンドラーを使って依存関係をインストールすることを検討してください。したがって、外部のサービスを利用することに依存する必要はなく、バンドルをより厳しく管理することができます。

あなたはES6またはES5スタイルCommonJSの環境であるとのWebPACKを使用している場合は、NPM

npm install module --save

、その後var module = require('module')またはES6 import module from 'module'で

を使用して、あなたのJSコードでそれらをインポートすると、あなたの依存関係をインストールすることを検討すべきです

たとえば、jQueryの場合は、npm install jquery --save（パッケージをnst installを使用して簡単に依存関係を復元できるようにするには--saveを使用します）var $ = require('jquery')（やはりES6：import {$, jQuery} from 'jquery'）を使用してインポートします。

特にjQueryの場合、一部のライブラリはグローバルに利用可能であることに依存しています。したがって、まずそれをインポートしてHow to import jquery using ES6 syntax?のようにウィンドウ（またはグローバル）に割り当てます。

特定のバージョンが必要な場合は、package.jsonに追加するか、npm install [email protected]を使用して直接インストールすることもできます。それは少し助けてほしい！

出典

2017-05-22 11:17:33 Severin

Vue.jsでブートストラップまたは外部jをインポートする方法

答えて

関連する問題