Q&A
「余計な記述」とは、具体的にどのようなものでしょうか。
現在Laravel 5.8.36を利用して学習をしています。
npm install 済み
実現したいこと：
Laravel-Mixを使い、@import '~bootstrap/scss/bootstrap'; して問題なく使えているのですが
scssがコンパイルされるたびにapp.css内にある削除したはずの余分な記述が復活してビューが崩れてしまいます。
この記述が復活しないようにできる設定があればご教示ください。
試したこと
1.新しくapp.cssとapp.scssを作成しwebpack.mixl.js内の以下の記述を新しいファイルの方に変更したのですが
新しく作成したファイルの方でも自分が記述していない余計な記述が書かれてしまい解決しませんでした。
.sass('resources/sass/app.scss', 'public/css')
2.node-sassでscssファイルをコンパイルすると余計な記述もなくなりうまくいきましたが
"message": "File to import not found or unreadable:というエラーが解決できず
font-awesomeを読み込めなくなってしまったので一旦保留としています。
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1,
.h1 {
font-size: 2.25rem;
}
h2,
.h2 {
font-size: 1.8rem;
}
style.css内に自分が記述していにも関わらずこのような記述が5000行以上に渡って記述されております。
この中には自分が書いた記述も含まれているのですが、
数百行だけですので自分が記述したもの以外はここから削除したいです。
しかし削除してもコンパイルされる度にそれらが復活するといった具合です。
えっと、それは@import '~bootstrap/scss/bootstrap';の結果ではないのでしょうか？
今該当の記述をコメントアウトしてみたところ改善しました。
だいぶ苦戦していたので本当に助かりました。
ありがとうございます。
回答1件
0
自己解決
maisumakun様のヒントから
@import '~bootstrap/scss/bootstrap';をコメントアウトすることで解決いたしました。
本当はそのままベストアンサーにしたかったのですが方法がわからなかったので
自己解決として閉じさせて頂きます。
ありがとうございました！
投稿2019/12/27 07:49
総合スコア6
あなたの回答
tips
プレビュー
