码迷,mamicode.com
首页 > Windows程序 > 详细

webpack window 使用sass来编译css样式

时间:2016-04-01 12:58:18      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:

1.执行安装:

npm install sass-loader --save-dev (此处不行的话就换上npm install node-sass)

2.稍微修改一下config,删掉我们先前添加的css规则,加上下面的loader


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

添加两个sass文件,variables.scss和main.scss

variables.scss


$red: red;

main.scss


@import "./variables.scss";

h1 {
  color: $red;
}

在index.js中引用


require(‘./main.scss‘);

然后发现标题如愿变红,相当简单吧。

技术分享

来源:链接:http://zhuanlan.zhihu.com/p/20367175

webpack window 使用sass来编译css样式

标签:

原文地址:http://www.cnblogs.com/yuwensong/p/5344537.html

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