首页 > 代码库 > 在vue-cli创建的项目里配置scss

在vue-cli创建的项目里配置scss

第一步,gitbash进入到项目目录

npm install node-sass --save-dev
npm install sass-loader --save-dev

 

 第二步:打开webpack.base.config.js在loaders里面加上

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

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

<style lang="scss" scoped>

</style>

 

在vue-cli创建的项目里配置scss