javascript - Webpack 无法呈现快速导入

Question

NodeJS/Express:在我添加之后，Webpack 无法将 src/server/app.js 转译为 dist/server/app.js import express from 'express' 到 src 文件 (src/server/app.js)。

---

错误信息如下:

ERROR in ./~/express/lib/request.js

详细说明:

Module not found: Error: Can't resolve 'net'
 in '/Users/timo/Desktop/Eggs/node_modules/express/lib'

或

ERROR in ./~/express/lib/view.js

详细说明:

Module not found: Error: Can't resolve 'fs'
 in '/Users/timo/Desktop/Eggs/node_modules/express/lib'

---

我是否必须更改我的 webpack.config.babel.js 文件中的某些内容？

这里是:

export default [
  {
    entry: './src/server/app.js',
    output: {
      path: './dist/server',
      filename: 'app.js'
    },
    module: {
      loaders: [{
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: { presets: ['es2015', 'react'] }
      }]
    }
  },
    {
    entry: './src/client/app.js',
    output: {
      path: './dist/client',
      filename: 'app.js'
    },
    module: {
      loaders: [{
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: { presets: ['es2015', 'react'] }
      }]
    }
  }
]

Answer 1

尝试设置 "node" target对于您的服务器端代码:

{
  entry  : './src/server/app.js',
  target : 'node',
  ...
}

默认情况下，Webpack 会编译以供在网络浏览器中使用，它不支持许多只对在服务器端运行有意义的模块(如 net 和 fs)。