Webpack安装，Webpack不解析（打包成包）css文件

Question

我在react代码中插入css时遇到问题。问题是webpack不能解析css文件。 我做的每件事都是按照医生的要求做的，没有运气。也可能是我使用django1.9来解决这个问题

文件结构：

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

这是我的网页包配置：

^{pr2}$

安装的依赖项：

"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 doesn't exist

尝试包含../css/testings.css。在