首页安装node-sass和sass-loader:
- npm install --save-dev node-sass sass-loader
然后在nuxt.config.js 文件的build中添加配置:
- build: {
- styleResources: {
- scss: ' ./ assets / variables.scss ',
- less: ' ./assets /* . less ',
- // sass:...,
- // scss:...
- options : {
- //参见https://github.com/yenshih/style-resources-loader#options
- //除`patterns`属性外
- }
- }
- },
使用:
- <style lang="scss">
- .subtitle{
- a{
- font-size: 20px;
- color: blue;
- }
- }
- </style>
完!