需求:在用vue-cli开发项目的时候,有这样一个需求:我有一个public的.scss文件,需要在项目的每个.vue文件中使用.而不是在.vue文件中单独引入它们。这个时候你需要使用sass-resources-loader。(1)第1步:首先下载:sass-resources-loadernpminstallsass-resources-loader--save-dev(2)第2步,找到工程中的build/utils文件。并找到下图中的位置,在scss后面添加如下代码:generateLoaders('sass'):.concat({loader:'sass-resources-loader',options:{//需要导入的sass文件这里全局引入了scss文件,这个css样式可以在所有.vue文件中使用,//下面的资源接受一个数组,可以添加多个scss文件资源:[path.resolve(__dirname,'../src/assets/sass/index.scss')]}})(3)此时文件已经配置成功,需要重启npmrundev服务才能看到效果。(4)如果要导入多个文件,有两种方式:1、在上面代码的resources数组选项中再增加一个scss文件路径。2、在上面的index.scss文件中,使用@import引入其他scss文件。
