请问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的配置去掉就正常了。

阅读 4k
4 个回答

具体没有在parcel中使用过postcss,所以建议你看看着篇文章,postcss

如果问题还是没有得到解决,建议询问该文章作者,嘻嘻~

不要使用link的方式导入css,直接在script标签里面import再进行打包

parcel里面写的很清楚
http://www.css88.com/doc/parc...

希望能帮助到您

同样的问题 一加上.postcssrc class的命名就被改了 不知道什么鬼。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏