この記事は主に vue Scaffolding で Sass を設定する方法を紹介しています。非常に優れた内容なので、参考にしてください。
世界で最も成熟し、安定しており、強力なプロ仕様の CSS 拡張言語!
CSS 互換
Sass は、CSS のすべてのバージョンと完全に互換性があります。これは厳密に管理されているため、利用可能な CSS ライブラリをシームレスに使用できます。
機能が豊富
Sass には、他の CSS 拡張言語よりも多くの機能と特徴があります。 Sass コア チームは、常に最前線に立つためにたゆまぬ努力を続けています。
Mature
Sass は、コアチームによって 8 年以上にわたって注意深く作成されてきました。
業界での評価
業界は何度も Sass を CSS 拡張言語として選択してきました。
大規模なコミュニティ
いくつかのテクノロジー企業と何百もの開発者が Sass をサポートしています。
フレームワーク
Sass で構築されたフレームワークは無数にあります。コンパス、バーボン、スージーなど。
vue Scaffoldingにインストールしました
1 インストール
npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass
2 設定: ビルドフォルダー配下のwebpack.base.conf.jsのルールに設定を追加します
{ test: /\.sass$/, loaders: ['style', 'css', 'sass'] } // 不知道为什么我配置完就打包不了, 不配置就是好用的
app.vueのスタイルタグを変更する