Question

这可能是一个基本问题，但我真的很反应和webpack。我如何添加normalize.css和css框架？我不想使用bootstrap，而是找到了一个名为concise css的轻量级css框架。我想使用它，因为我主要是在我的元素的定位和格式化之后，并且我的样式具有更大的灵活性。

我已经安装了css-loader和styles-loader。我已经读过你可以使用

将样式加载到组件

require("./path/to/css")

然而，我仍然对此感到困惑。

Answer 1

您可以将require("./path/to/css")放在index.js或任何其他顶级React组件中。它将捆绑在您的Web包中，用于所有子组件。

确保在package.json文件中安装了加载器，并且webur.config.js文件调用加载器。完成此操作的准系统webpack.config.js文件可能如下所示：

module.exports = {
  entry: [
    './app/index.js'
  ],
  output: {
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {test: /\.css$/, loader: 'style-loader!css-loader'}
    ]
  }
}

Answer 2

进一步阅读后，我意识到normalize.css非常静态，webpack可以处理更多动态文件。

相反，我只是获得了normalize.css的cdn并使用了semantic-ui-react

将normalize.css添加到reactjs

2 个答案: