vuesassを使用
- cssプリプロセッサとしてsassを使用したvueプロジェクトの作成
- sassをプリプロセッサとして使用しないvueプロジェクトの作成
npm install --save-dev sass-loader
npm install --save-dev node-sass
2.同上。
vuesassを使用
common.scssを導入する際、common.cssで変数を定義すると、導入時にエラーが報告されます!これは、サードパーティのstyle-resourcesをインストールする必要があるためです。
cnpm i style-resources
インストールが完了したら、nuxt.config.js を
modules: [ '@nuxtjs/style-resources' ],
bar: { obj: '@/assets/css/common.scss'; }