vue，nuxt使用sass

vue使用sass

• 创建vue项目时使用了sass作为css预处理器

在组件中就可以直接使用啦 当我们需要公共的sass文件时，创建名为init.sass的公共文件，然后在vue.config.js(没有的可以手动创建)中引入就可以啦 如果引入后报错！！！(没有报错忽略)，建议检查一下node-sass版本，然后到官网去查（cli.vuejs.org/zh/guide/cs…
根据你的版本配置选项名,我的版本是9.0.2所以选项名为additionalData

• 创建vue项目时没有使用sass作为预处理器

1. npm install --save-dev sass-loader npm install --save-dev node-sass
   2.同上(* 参考上面，使用方法相同 *)

nuxt中使用sass

• 参考nuxt官网(zh.nuxtjs.org/api/configu…)

• 引入common.scss，如果你在common.css中定义了变量，会发现引入报错了！！这是因为需要使用第三方，安装style-resources，cnpm i style-resources

• 安装完成后，在nuxt.config.js中配置
  modules: [ '@nuxtjs/style-resources' ],
styleResources: { scss: '@/assets/css/common.scss' }