vue scss使用


1.安装scss文件

  npm install node-sass --save
  npm install sass-loader --save

2.在根目录文件配置全局scss文件

module.exports = {
    css: {
        // 给 sass-loader 传递选项
        loaderOptions: {
            // @/ 是 src/ 的别名
            // 所以这里假设你有 `src/assets/styles/index.scss` 这个文件就可以直接 `@import '@/assets/styles/index.scss';`
            sass: {
                additionalData: '@import "@/assets/styles/global.scss";'
            }
        }
    },
} 

3.使用

.box {   span {     font-size: 20px;     color: $red;   } }

相关