基于vue-cli使用sass

本来是感觉很简单的配置,先是官网一看太复杂,跳过。。掘金搜,百度搜。。。感觉很多教程都是把简单的事情复杂化了

第一步,

cnpm install node-sass --save-dev
cnpm install sass-loader --save-dev

第二部,打开webpack.base.config.js在loaders里面加上

{
  test: /\.scss$/,
  loaders: ["style", "css", "sass"]
}

第三部,在需要用到scss的地方写上

npm run dev中途会遇到报错问题Module build failed: TypeError: this.getResolve is not a function
把"sass-loader": "^8.0.2",换成 "sass-loader": "^7.3.1"就行

你可能感兴趣的:(基于vue-cli使用sass)