首页 > 解决方案 > 输出文件夹中的样式表文件

问题描述

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

标签: cssreactjswebpack

解决方案


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

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

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


推荐阅读