Css 如何使用NPM上托管的组件打包样式?

Css 如何使用NPM上托管的组件打包样式?,css,node.js,reactjs,npm,ecmascript-6,Css,Node.js,Reactjs,Npm,Ecmascript 6,我有一个页眉和页脚react组件保存到NPM存储库中,我希望将其包含在各种应用程序中。我可以通过从“父”应用程序中要求React组件来包含它。如果我有一个带有 var HeaderComponent = require('../../node_modules/header-component/dist'); ReactDOM.render(<HeaderComponent />, document.getElementById('header-hook')); var Header

我有一个页眉和页脚react组件保存到NPM存储库中,我希望将其包含在各种应用程序中。我可以通过从“父”应用程序中要求React组件来包含它。如果我有一个带有

var HeaderComponent = require('../../node_modules/header-component/dist');
ReactDOM.render(<HeaderComponent />, document.getElementById('header-hook'));
var HeaderComponent=require('../../node_modules/header component/dist');
render(,document.getElementById('header-hook');

但是,在
dist
目录中,还有一个
styles
文件夹,其中包含标题所需的所有样式。如何对节点模块进行打包,使其包含可访问的样式?

如果您使用webpack,这将对您有所帮助:如果您使用webpack,这将对您有所帮助: