Vue |特定のNPMパッケージからスタイルシートをインポートする方法は？

Question

animate.cssを読み込もうとしています。このパッケージは、コマンドnpm install --save animate.cssを使用してインストールされます。今、プロジェクトの中でそれをインポートする最良の方法は何ですか？

私は静的フォルダ内のファイルをコピーしてそこからロードするよう求めているいくつかのソリューションを見つけました。しかし、NPMをパッケージから取り除くとNPMのすべての利益を失うことになります。

Answer 1

あなたのyoutはmain.jsでのWebPACK

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

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

Answer 2

私のプロジェクトで同様のシナリオで行ったことは、src importsが使用されています。あなたのApp.vueコンポーネントで

あなたはスコープの属性を持ついずれかを持っている場合App.vueはスコープのスタイルのエントリポイントと他のグローバルスタイルのための1 ように、2個のスタイルのタグを追加します。

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

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