尝试使用ExtractTextPlugin捆绑CSS

时间:2017-04-14 12:05:17

标签: javascript css webpack extract-text-plugin

我试图将我的CSS捆绑到Webpack的一个文件中。我已经让它为我的脚本工作了。但我的CSS出错:

  

找不到模块:错误:无法解决' circle.css'在&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都将在该目录中,大部分都在子文件夹中。

1 个答案:

答案 0 :(得分:0)

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