Reactjs Webpack-React ES6传输每个模板（src到dist）

我正在使用react（es6）项目的网页包

我的问题 我已经用ES6构建了react应用程序，所以我在任何地方都使用了import关键字作为依赖项。现在对于服务器端渲染，我使用NodeJS，因此它还不支持导入。为此，我必须使用require而不是import

现在我已经使用webpack捆绑我的应用程序，但它总是生成最终的捆绑文件（single.bundle.js），这就是为什么我无法导入传输的代码块用于服务器端渲染

解决方案 如果可以传输每个文件（src到dist），那么我可以将这个es5文件导入nodejs服务器代码

问题: 使用webpack是否可以使用相同的输出而不是捆绑文件来传输整个文件夹

---

否则我就得咕噜咕噜地喝（

您也可以将webpack用于服务器。它只会将包含react的特定代码传输到webpack服务器捆绑包，并通过外部选项排除节点模块。以下是

webpack.config.js

用于服务器端

var nodeModules = {};
fs.readdirSync('node_modules')
    .filter(function(x) {
        return ['.bin'].indexOf(x) === -1;
    })
    .forEach(function(mod) {
        nodeModules[mod] = 'commonjs ' + mod;
    });

module.exports = {
    entry: './src/server.js', 
    output: {
        path: __dirname,
        filename: 'server.js'
    },
    target: 'node',
    node: {
        console: false,
        global: false,
        process: false,
        Buffer: false,
        __filename: false,
        __dirname: false,
    },
    externals: nodeModules,
}

---

如果你展示了你的

package.json

@Ursus package.json或webpack.config.json，那会很有帮助让我们看看这两个please@Ursus@Ursus