码迷,mamicode.com
首页 > 其他好文 > 详细

vue-cli 如何配置sass

时间:2017-09-23 16:16:48      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:cli   color   sof   soft   地方   如何   .config   --   blog   

第一步:安装对应的node模块

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

第二步:在webpack.base.config.js文件中对loaders规则 进行如下配置

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

第三步:在视图或者组件中所需要的地方添加style标签如下

<style lang="scss" scoped>
 /*样式代码*/
</style>

注明:scoped是让样式只在当前组件或者视图中起作用的

vue-cli 如何配置sass

标签:cli   color   sof   soft   地方   如何   .config   --   blog   

原文地址:http://www.cnblogs.com/jkingdom/p/7581344.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!