vue-cli 如何配置sass

时间：2017-09-23 15:45:43 阅读：275 评论：0 收藏：0 [点我收藏+]

第一步：安装对应的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是让样式只在当前组件或者视图中起作用的

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

踩

(0)

评论一句话评论（0）

分享档案

更多>