最近在做一个项目,项目的后端是地址: https://github.com/wangyuanjun008/wyj-springboot-security.git
前端地址是 https://github.com/wangyuanjun008/wyj-vue-security.git ,使用的前端语言是vue,但是我在使用webpack构建vue项目的时候,使用scss脚本语言是报错,错误如下:

error  in ./src/components/home.vue

Syntax Error: Unclosed block


 @ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7cbbe74f","scoped":false,"hasInlineConfig":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./src/components/home.vue 4:14-317 13:3-17:5 14:22-325
 @ ./src/components/home.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

后来上网查询,如果你需要使用sass/scss定义样式,那么为了能正常编译,还需要做如下配置: 

//因为sass-loader依赖于node-sass,所以还要安装node-sass
npm install --save-dev node-sass
//在项目下,运行下列命令行
npm install --save-dev scss-loader
npm install --save-dev sass-loader

因为资源是到国外下载的,如果长时间未响应或者报错,可以试用淘宝镜像

npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass