webpack 3.8.1 facebook react import node module css not working答案

【问题标题】：webpack 3.8.1 facebook react import node module css not workingwebpack 3.8.1 facebook react import node module css not working
【发布时间】：2018-09-15 09:13:41
【问题描述】：

我正在使用 Facebook 与 Webpack 反应，并在我的组件中导入节点模块 CSS。它不工作。

webpack.config.js

const path = require("path");
const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  entry: "./src/index.js",
  output: {
    path: path.resolve("dist"),
    filename: "index_bundle.js"
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: "babel-loader",
        exclude: /node_modules/,
        query: {
          presets: ["react", "es2015", "stage-0"],
          plugins: ["transform-class-properties"]
        }
      },
      {
        test: /\.css?$/,
        loaders: ExtractTextPlugin.extract(
          "style-loader!css-loader?modules=true&localIdentName=[name]_[local]_[hash:base64:5]"
        )
      }
    ]
  },
  plugins: [new ExtractTextPlugin("./public/styles.css")]
};

React 组件文件

我导入 react-times css 文件

import React from "react";
import TimePicker from "react-times"; 
import "react-times/css/material/default.css";    

export default class Book extends React.Component {

  render() {

    return (
        <TimePicker />
    );
  }
}

【问题讨论】：

请解释“不工作”是什么意思。你得到一个错误回溯还是什么？
没有错误日志。只有 CSS 不加载。
当我在 html 文件 css 中使用 unpkg 时工作正常
@LucaFabbri 我把截图发给你。 res.cloudinary.com/dp67gawk6/image/upload/c_scale,w_833/…
你的 index.js 在哪里，如果可以通过 git 分享，那就太好了

标签： reactjs webpack

【解决方案1】：

你可以试试

// module
{
    test : /\.css$/,
    loader: ExtractTextPlugin.extract({
    fallback: "style-loader",
    use: ['css-loader']
    })
}
// plugins
new ExtractTextPlugin("styles.css")

【讨论】：

我把截图发给你。 res.cloudinary.com/dp67gawk6/image/upload/c_scale,w_833/…