Vuecli4.5 加入 sass


0311lc.com说:
cnpm install stylus-resources-loader --save-dev
cnpm install node-sass --save-dev
cnpm install sass-loader --save-dev
cnpm install vue-cli-plugin-style-resources-loader --save-dev

package.json--- 修改版本
    "node-sass": "^4.11.1",
    "sass-loader": "^8.0.0"
执行降级
cnpm install 
配置sass
vue.config.js --

   pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'sass',
      patterns: [
      path.resolve(__dirname, './src/assets/styles/*.scss')      //你的.scss文件所在目录
      ]
    }
    }
组件页面.vue

<style  lang="scss" scoped="scoped">
  $nav-color: #F90;
  nav {
    $width: 100px;
    width: $width;
    color: $nav-color;
  }
</style>

 


发表评论

电子邮件地址不会被公开。 必填项已用*标注