##状況
npmやyarnで管理しているパッケージ(node-modules
フォルダ)をSassから参照したい
具体例:font-awesomeをnpmで管理しつつ、HTMLではなくSassでアイコンを操作したいとき(擬似要素の content
属性をつかってアイコンをつける、など)。
##解決策
'~'を先頭につけてimportする
OK.scss
// node-modules/@fort-awesome/fontawesome-free/sass/fontawesome.scssを参照
@import '~@fortawesome/fontawesome-free/scss/fontawesome.scss';
以下だとエラーになる
NG.scss
@import '@fortawesome/fontawesome-free/scss/fontawesome.scss';