vue-cliプロジェクトでwebpack css loaderを設定する方法

Question

私は新しく生成したvue-cliプロジェクトを持っています。 npm install purecss --saveを使用してPure.CSSフレームワークをインストールしました。しかし、私はどのようにプロジェクトにcssフレームワークを統合、インポート、またはロードするかを理解することはできません。私は私の普通のcss（mystyle.cssなど）ファイルをプロジェクトのどこに保存するべきかわからない。私はそれがsrc/assetsディレクトリの中にあるはずだと推測しています。ここにはvue-cliProject Structureがあります。

すべてのcssファイルをapp.cssやmain.cssなどの単一のファイルにバンドルするにはどうすればよいですか？例えば、あなたのApp.vueに

import '../node_modules/purecss/path/to/css/file.css' 

：

Answer 1

次の方法で、他のリソースとして、それをインポートすることができます。

node_modulesへのパスが正しいことを確認してください。

次に、purecssスタイルをテンプレートのどこにでも使用できます。