0

CSS を Webpack で 1 つのファイルにバンドルしようとしています。私のスクリプトでは既に動作していますが、CSS でエラーが発生します。

モジュールが見つかりません: エラー: 'C:\Projects\tag-validator-front2\src\css' の 'circle.css' を解決できません。

これが私のWebpack構成です:

var ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
  entry: ["./src/ts/main.js","./src/css/css.js"],
  module: {
      loaders: [
        {
          test: /\.jsx?$/,
          loader: "babel-loader"
        },
        {
          test: /\.css/,
          loader: ExtractTextPlugin.extract("css")
        }
      ]
  },
  plugins: [
    new ExtractTextPlugin("styles.css")
  ],
  output: {
    filename: "public/bundle.js"
  }
}

main.js はスクリプト用で動作していますが、css.js は動作していません。css.js は次のとおりです。

"use strict";
import circleStyles from 'circle.css';

動作するようになるまで、今は 1 つだけインポートしていますが、すべての CSS はそのディレクトリにあり、ほとんどはサブ フォルダーにあります。

4

1 に答える 1