【问题标题】:StyleSheet file in output folder [closed]输出文件夹中的样式表文件 [关闭]
【发布时间】:2019-06-18 13:52:09
【问题描述】:

我是 reactJs 的新手,我正在使用 webpack-dev-server 编译和检查我的代码,问题是当我将样式表作为导入文件添加到源时,结果中的所有内容都显示得很好并且同样在带有插件的输出文件夹中,我已经导入了 bundle.js 文件更新,但没有样式表文件的迹象 我的问题是css文件发生了什么?有必要在那里吗?还是样式由输出的 js 文件组成?因为当我移动文件时,它再次正常工作,没有任何问题。 tnx

【问题讨论】:

  • 考虑添加您的 web pack 配置。

标签: css reactjs webpack


【解决方案1】:

在生产中,您可能希望将所有 CSS 包含在一个捆绑文件中以缩小结果并排除所有未缩小用于实际开发的 CSS 文件。

为此,您可以使用 CSS 加载器,有多种选择,其中一种可能是: https://github.com/webpack-contrib/css-loader

一篇有趣的文章,它应该可以帮助您入门: https://medium.com/trabe/multiple-css-bundles-with-webpack-75f263095f09

【讨论】:

  • Tnx 作为答案,当然我使用的是 Style 和 css 加载器,但我的问题是我是否需要在产品文件夹中的 js 文件的一侧有 css 文件?跨度>
  • 在生产文件夹中你只需要放置捆绑的CSS文件,你用于开发的CSS通常不包含在输出文件夹中。我编辑了我的答案,如果现在更有帮助,请告诉我。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-01-16
  • 2011-05-11
  • 2013-01-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多