Vue |如何從特定的NPM包導入樣式表？

Question

我正在試圖加載animate.css。該軟件包使用命令npm install --save animate.css進行安裝。現在，在項目中導入它的最好方法是什麼？

我偶然發現了一些解決方案，要求將靜態文件夾內的文件複製並從那裏加載。但我寧願不要因爲我們從NPM中移除它而失去NPM的所有好處。

Answer 1

假設你想在你的應用程序在全球animate.css

在你的WebPack

module: { 
    loaders: [ 
    { test: /\.css$/, loader: "css-loader" } 
    ] 
} 

在YOUT main.js

import 'animate.css/animate.min.css' 

Answer 2

我在我的項目中使用的類似場景使用的是src imports。

在你App.vue組件添加兩個樣式的標籤，一個全球樣式，App.vue的入口點和其他的作用域的風格，如果您有任何與作用域屬性。

<style src="animate.css/animate.min.css"> 
    /* global styles */ 
</style> 

<style scoped> 
    /* local styles */ 
</style>