webpack window 使用sass来编译css样式

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

转载于:https://www.cnblogs.com/yuwensong/p/5344537.html

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/weixin_34029680/article/details/94742729
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-01 20:18:34
阅读 ( 897 )
分类：前端

webpack window 使用sass来编译css样式

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看