create-react-app不用eject就能使用css module特性

现在的create-react-app 2.0版本不用eject就可以使用css module特性,免去了把facebook精心包装的程序破坏的不忍,而且更加快捷方便。

一、使用方法

1.编写CSS文件

1626751-cfed4f4ca0b3eeab.png
图1

2.CSS文件命

将CSS文件名为[filename].module.css


1626751-209b0d1d43b81547.png
图2

3.引入文件

1626751-b1ecdf23d296012a.png
图3

4.应用样式

1626751-1ff15a787c49b351.png
图4

5.结果

执行npm start自动打开浏览器,修改Layout.module.css中的样式后,浏览器能自动刷新并应用样式了。

二、参考文献

adding-a-css-modules-stylesheet

猜你喜欢

转载自blog.csdn.net/weixin_34077371/article/details/87496567
今日推荐