#app{font-size:14px;字体系列：“Avenir”、Helvetica、Arial、sans-serif；-webkit-字体平滑：抗锯齿；-moz-osx-font-smoothing：灰度；颜色：$fontMainColor；height:100%;}.triangle-top{display:inline-block;@includetriangle(bottom,10px,#ff0000)}.test{背景：#ccc;@includebox-shadow(005pxrgba(0,0,0,.3));下载vue项目下载vue项目就不多说了。既然大家都在搜索这个标题，那这一步肯定不差。依赖：1、下载sass-resources-loader，执行npm/cnpminstallsass-resources-loader--save-dev修改配置打开build文件夹，找到下面的utils文件，在exports.cssLoaders中找到下面一段,并将scss配置更改为以下形式generateLoaders('sass'),stylus:generateLoaders('stylus'),styl:generateLoaders('stylus')}用下面的形式替换scssitemscss:generateLoaders('sass').concat({loader:'sass-resources-loader',options:{resources:path.resolve(__dirname,'../src/assets/sass/common.scss')}}),这里我的common.scss放置变量文件variable.scss和mixin.scss//mixin.scss@import'./variable.scss';@import'./mixin.scss';重新执行npmrundevstart尝试在服务的vue组件中写一段，例如：#app{font-size:14px;字体系列：“Avenir”、Helvetica、Arial、sans-serif；-webkit-字体平滑：抗锯齿；-moz-osx-font-smoothing：灰度；颜色：$fontMainColor；height:100%;}.triangle-top{display:inline-block;@includetriangle(bottom,10px,#ff0000)}.test{背景：#ccc;@includebox-shadow(005pxrgba(0,0,0,.3));
