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：

.../static/js/testings.css doesn't exist

嘗試包括../css/testings.css。