外部プラグイン の@importをどこに記載したらいいのかわからない

Question

shepherd.jsというプラグインをNuxt.jsで使用したいです。

こちらのUsageを参考に進めているのですが@import '~shepherd.js/dist/css/shepherd.css';の一文をどこに追加したらいいのか分かりません。

<style scoped lang="scss"></style>の中に入れてみましたが、以下のエラーが発生しました。

Module build failed (from ./node_modules/postcss-loader/src/index.js):                                                                                                                                                              friendly-errors 11:04:05
Error: Can't resolve '~shepherd.js/dist/css/shepherd.css' in '/Users/Taro/Desktop/Project/pages/mypage'

お知恵をお貸しいただけると助かります。

Answer 1

@import '~shepherd.js/dist/css/shepherd.css';の一文をどこに追加したらいいのか分かりません。

これはSCSSファイルに書く場合の書き方です。JavaScriptから呼びたい場合はimport 'shepherd.js/dist/css/shepherd.css';としてみましょう（@と~を削る）。

Comments

[Khy]

ご回答ありがとうございました。
お陰様で解決いたしました、ありがとうございました！