Vue配置sass
Npm,安装 node-sass / sass-loader
npm i -S node-sass sass-loader
使用
<style lang="scss"> .box{ } </style>
使用全局变量要在根目录下编辑 vue.config.js文件,没有就创建一个
module.exports = { css: { loaderOptions: {//sass-loader V7版本 目录和文件名要写实际的目录和文件名 sass: { // data: `@import "@/assets/css/base.scss"` prependData: ` @import "@/assets/css/base.scss"; ` //v8 }, scss: { additionalData: ` @import "@/assets/sass/base.scss"; ` // v9 } } } }