vue2.x与vue3.x+vue4.x里使用全局scss

vue-cli2.x与vue-cli3.x+vue-cli4.x里使用全局scss

一、vue2.x里里使用全局scss

npm install sass-loader --save-dev

npm install node-sass --sava-dev

npm i sass-resources-loader --save-dev//这个可以不引入，我的没引入就可以用
这三个全部引入；
当出现因node-sass版本问题引发的问题时，会出现一连串的报错；

npm i node-sass -D //解决sass升级后npm install 报错问题

接下来不如正题了；

build>webpack.base.conf.js里面，这段没有用

vue2.x与vue3.x+vue4.x里使用全局scss

build>下utils.js里面修改

找到对应位置，把我注释的那行注释掉，然后添加对应代码
vue2.x与vue3.x+vue4.x里使用全局scss

main.js里进行引入
import ‘./assets/style/global.scss’;

然后在自己的页面里就可以使用global.scss里定义的样式和方法了

npm install sass-resources-loader

在项目根目录里创建vue.config.js文件,并添加红框里的代码，

vue2.x与vue3.x+vue4.x里使用全局scss
main.js里进行引入
import ‘./assets/style/global.scss’;

然后在自己的页面里就可以使用global.scss里定义的样式和方法了