无法使用Babel和Webpack导入Express

Question

我使用webpack和babel使用ES6语法创建应用程序。问题是我无法导入express。

（注：我可以导入（和要求）节点模块 “路径”，没有检查任何更多）

这里是我的应用程序：

import express from 'express';

甚至低于结果在相同的错误：

var app = require('express');

这里是我的webpack.config.js

module.exports = { 
    entry: './src/app.js', 
    output: { 
     path: 'builds', 
     filename: 'bundle.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js/, 
       loader: 'babel', 
       include: __dirname + '/src', 
       exclude: /node_modules/, 
       query: { 
        presets: ['es2015'] 
       } 
      } 
     ], 
    } 
}; 

我试过下面还有：

exclude: [/node_modules/], 
exclude: __dirname + '/node_modules', 

但我仍然不断收到其起始于非常大的堆栈跟踪：

WARNING in ./~/express/lib/view.js 
Critical dependencies: 
78:29-56 the request of a dependency is an expression 
@ ./~/express/lib/view.js 78:29-56 

ERROR in ./~/express/lib/request.js 
Module not found: Error: Cannot resolve module 'net' in /home/projects/node_modules/express/lib 
@ ./~/express/lib/request.js 18:11-25 

ERROR in ./~/express/lib/view.js 
Module not found: Error: Cannot resolve module 'fs' in /home/projects/node_modules/express/lib 
@ ./~/express/lib/view.js 18:9-22 

并与

结束

@ ./~/mime/mime.js 87:12-35 

ERROR in ./~/mime-db/db.json 
Module parse failed: /home/projects/node_modules/mime-db/db.json Line 2: Unexpected token : 
You may need an appropriate loader to handle this file type. 
| { 
| "application/1d-interleaved-parityfec": { 
|  "source": "iana" 
| }, 
@ ./~/mime-db/index.js 11:17-37 

我顾这是因为node_modules文件夹不被忽略？

而且这是我package.json如果可能模块的版本是一个问题：

npm install json-loader --save-dev 

而且在webpack.config添加此装载机：

{ 
    "name": "testing", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "author": "", 
    "license": "MIT", 
    "dependencies": { 
    "express": "^4.13.4" 
    }, 
    "devDependencies": { 
    "babel-core": "^6.6.0", 
    "babel-loader": "^6.2.4", 
    "babel-preset-es2015": "^6.6.0", 
    "webpack": "^1.12.14" 
    } 
} 

Answer 1

这可以通过使用JSON-装载机固定：

{ test: /\.json$/, loader: "json-loader" } 

Answer 2

请看这answer。 SudoPlz - 共享工作示例。看起来像Michael Plakhov建议的方法。