如果我們想要在整個Vue應用程序中使用自定義的SCSS樣式,我們可以使用全局引入。在Vue中,可以使用vue-cli的webpack模板,或者手動設置Webpack來實現全局SCSS的引用。
// 安裝sass-loader和node-sass npm install sass-loader node-sass --save-dev
在webpack中,需要通過loader配置來支持SCSS文件
// webpack.base.conf.js { test: /\.scss$/, loaders: ["style", "css", "sass"] }
loader配置可以通過vue-cli現有的webpack模板來實現,或者通過手動配置來實現。我們可以將這些代碼添加到webpack.config.js中的module.rules數組中。
module: { rules: [ // ... other rules omitted // this will apply to both plain `.scss` files // AND `