2017-04-13 251 views
1

我用javascript和CSS創建了一個功能棋盤。我想在Vue應用程序中使用它,但我無法弄清楚如何將JavaScript和CSS文件鏈接到組件。有沒有辦法在webpack中加載它們,或者有什麼方法可以解決這個問題?將外部javascript和css文件鏈接到Vue組件中?

+0

如果u使用的WebPack和巴貝爾,U可以導入他們像模塊鼓勵 –

回答

0

這應該有助於

-2

只要按照這個教程,併爲您的項目配置的WebPack。

http://todarman.com/configuring-webpack-es6-sass/

配置在您的項目目錄中webpack.config.js文件,打開終端,並運行命令故宮運行後開發。我將在各自的目錄中構建js和css文件。您可以將這些文件鏈接到您的index.html文件中。

<html> 
<head> 
<title>Webpack index page</title> 
<link rel="stylesheet" type="text/css" href="css/style.css"> 
</head> 
<body> 
    <h2>webpack configuration</h2> 

    <script src="js/bundle.js"></script> 
</body> 
</html> 

希望這會有所幫助。

+0

鏈接到外部資源,但請周圍添加鏈接方面,以便其他用戶將有一些想法是什麼,爲什麼它的存在。如果目標網站無法訪問或永久離線,請始終引用重要鏈接中最相關的部分。 – Malik