尝试将 CSS 与 ExtractTextPlugin 捆绑在一起

Question

我正在尝试使用 Webpack 将我的 CSS 打包到一个文件中。我已经为我的 scripts.but 使用了它我的 CSS 出错了：

Module not found: Error: Can't resolve 'circle.css' in 'C:\Projects\tag-validator-front2\src\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';

我现在只导入一个，直到我开始工作，但我的所有 CSS 都将在该目录中，大部分在子文件夹中。

Answer 1

尝试使用相对导入路径：import './circle.css';

尝试将 CSS 与 ExtractTextPlugin 捆绑在一起

Trying to Bundle CSS with ExtractTextPlugin

javascript

css

webpack

extract-text-plugin