请问parcel怎么使用css样式?
我引入了一个样式文件,里面定义了.container
的样式,然后使用 parcel 运行,发现样式不起作用。
我配置了 postcss:
{
"modules": true,
"plugins": {
"autoprefixer": {
"grid": true
},
"precss": {}
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./style.css">
<title>test</title>
</head>
<body>
<div class="container">
<div class="box"></div>
</div>
<script src="./index.js"></script>
</body>
</html>
经过排查后发现,我页面当中的class名是.container
,经过parcel 编译转换后的 css 文件中,原来 .container
的名字,被转换成了:._container_uquia_5
,因为class名都不一样了,当然样式就不生效了,请问这要怎么办?
我把postcss的配置去掉就正常了。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
同样的问题 一加上.postcssrc class的命名就被改了 不知道什么鬼。
具体没有在parcel中使用过postcss,所以建议你看看着篇文章,postcss
如果问题还是没有得到解决,建议询问该文章作者,嘻嘻~
不要使用link的方式导入css,直接在script标签里面import再进行打包
parcel里面写的很清楚
http://www.css88.com/doc/parc...
希望能帮助到您
css-modules 文档在这里: https://github.com/css-module...
通过使用
:global
让类名保持不变。