记录：Nuxt.js使用scss，页面中引入公共变量解决方案

实战项目记录：Nuxt.js使用scss，页面中引入公共变量解决方案

1.首先安装必备依赖

npm install css-loader node-sass postcss-loader sass-loader style-loader --save -dev

2.在项目的assets目录下新建一个css目录，然后在该目录下新建一个index.scss文件，用这个文件作为scss的入口文件，在这个文件里引入其他的scss即可

3.nuxt.config.js中配置

经过以上配置发现，index.scss中的样式可以在项目中使用了，但是遇到了一个问题：
index.scss中的变量不能再页面中直接使用，需要在页面中单独引入才能使用，这样就很麻烦了。

接下来就是见证奇迹的时候：

4.scss变量全局使用，具体可以多看看官网，首先安装必备依赖

npm install @nuxtjs/style-resources

5.然后再配置下nuxt.config.js

完成上述步骤就可以在页面中使用了