Webpack设置，webpack不解析(打包成包) css文件

Question

我在我的反应代码中插入css有问题。问题是webpack没有解析css文件。我按医生的要求做了所有的事，但没有运气。也可能是我用django 1.9做这个的问题

档案结构：

webpack.config.js
static
├── bundles
│   └── reqct-25186f952a42614d1bdc.js
├── css
│   ├── tabs.css
│   └── testings.css
└── js
    ├── env_tab.js
    ├── envs.jsx
    └── index.jsx

这是我的webpack配置：

var path = require("path");
var webpack = require('webpack');
var BundleTracker = require('webpack-bundle-tracker');
var ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {

    entry: {
        reqct: './static/js'
    },

    output: {
        path: path.resolve('./static/bundles/'),
        filename: "[name]-[hash].js"
    },

    plugins: [
        new BundleTracker({
            filename: './webpack-stats.json'
        }),
        new ExtractTextPlugin({
            filename: "[name].css",
            allChunks: true
        })
    ],

    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                loader: 'babel'
            },
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader")
            }
        ]
    },

    resolve: {
        modulesDirectories: ['node_modules'],
        extensions: ['', '.js', '.jsx', '.css']
    }
};

已安装的依赖项：

"babel-core": "^6.13.2",
"babel-loader": "^6.2.4",
"babel-preset-es2015": "^6.13.2",
"babel-preset-react": "^6.11.1",
"css-loader": "^0.23.1",
"extract-text-webpack-plugin": "^1.0.1",
"jquery": "^3.1.0",
"react": "^15.3.0",
"react-dom": "^15.3.0",
"style-loader": "^0.13.1",
"webpack": "^1.13.1",
"webpack-bundle-tracker": "0.0.93"

错误信息：

ERROR in ./static/js/envs.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ./testings.css in /Users/ievgeniivdovenko/workspace/personal/tool/static/js
resolve file
  /Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css doesn't exist
  /Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css.js doesn't exist
  /Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css.jsx doesn't exist
  /Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css.css doesn't exist
resolve directory
  /Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css doesn't exist (directory default file)
  /Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css/package.json doesn't exist (directory description file)
[/Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css]
[/Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css.js]
[/Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css.jsx]
[/Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css.css]
 @ ./static/js/envs.jsx 6:14-43

我试着再增加一个入口点：

css: './static/css'

现在的错误是：

ERROR in Entry module not found: Error: Cannot resolve directory './static/css' in /Users/ievgeniivdovenko/workspace/personal/tool
resolve directory ./static/css in /Users/ievgeniivdovenko/workspace/personal/tool
  /Users/ievgeniivdovenko/workspace/personal/tool/static/css/package.json doesn't exist (directory description file)
  directory default file index
    resolve file index in /Users/ievgeniivdovenko/workspace/personal/tool/static/css
      /Users/ievgeniivdovenko/workspace/personal/tool/static/css/index doesn't exist
      /Users/ievgeniivdovenko/workspace/personal/tool/static/css/index.js doesn't exist
      /Users/ievgeniivdovenko/workspace/personal/tool/static/css/index.jsx doesn't exist
      /Users/ievgeniivdovenko/workspace/personal/tool/static/css/index.css doesn't exist

ERROR in ./static/js/envs.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ./testings.css in /Users/ievgeniivdovenko/workspace/personal/tool/static/js
resolve file
  /Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css doesn't exist
  /Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css.js doesn't exist
  /Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css.jsx doesn't exist
  /Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css.css doesn't exist
resolve directory
  /Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css doesn't exist (directory default file)
  /Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css/package.json doesn't exist (directory description file)
[/Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css]
[/Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css.js]
[/Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css.jsx]
[/Users/ievgeniivdovenko/workspace/personal/tool/static/js/testings.css.css]
 @ ./static/js/envs.jsx 6:14-43

Answer 1

从错误消息来看，您似乎试图将./testings.css包含在static/js/envs.jsx文件中，因此Webpack正在(可以理解)尝试在static/js中查找CSS文件

.../static/js/testings.css不存在

尝试将../css/testings.css包括进来。