Реагируйте Модульный CSS - PullRequest
Новая
       25

Реагируйте Модульный CSS

0 голосов
/ 12 июня 2018

Я правильно настроил webpack для css, но все равно получаю сообщение об ошибке.Что может быть причиной, пожалуйста?

ERROR in ./src/main/main.css 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
> .whiteBackground {
|    background: white;
| }
 @ ./src/main/main.js 15:12-33
 @ ./src/index.js

Вот мой webpack.config.js 

const HtmlWebPackPlugin = require("html-webpack-plugin");

const htmlWebpackPlugin = new HtmlWebPackPlugin({
  template: "./src/index.html",
  filename: "./index.html"
});

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      },
      {
        test: /\.css$/,
        use: [
          {
            loader: "style-loader"
          },
          {
            loader: "css-loader",
            options: {
              modules: true,
              importLoaders: 1,
              localIdentName: "[name]_[local]_[hash:base64]",
              sourceMap: true,
              minimize: true
            }
          }
        ]
      },
      {
        test: /\.(woff|woff2|ttf|svg|eot)$/,
        use: [
            {
                loader: 'file-loader',
                options: {}
            }
         ]
      }
    ]
  },
  plugins: [htmlWebpackPlugin]
};

/ ****** / / ****** / / ****** / /****** / / ****** / / ****** / / ****** / / ****** / / ****** / / ****** / / ****** / / ****** / / ****** / / ****** / / ****** / / ****** / / ****** / / ****** /

...