Question

我想我最好用代码解释一下。我在webpack中有一个文件，如下所示：

import ReactDOMServer from 'react-dom/server';

import Server from './server';

import templateFn from './template';

export default (req, res) => {
    const reactString = ReactDOMServer.renderToString(<Server />);
    const template = templateFn(html);
    res.send(template);
};

我还有一个明确的应用程序，我希望能够访问默认的导出函数。如果它有任何区别，则此文件是webpack条目文件。这是我在我的快递应用程序中尝试的内容：

const handleRequest = require(path.resolve(webpackConfig.output.path, webpackConfig.output.filename));

app.get('*', (req, res) => {
    console.log(handleRequest);
});

我试图导入webpack生成的文件，希望我能够访问条目文件的默认导出。好吧，我错了，因为导入的输出是{}。

是否有一个webpack插件或某种技术来做我想要构建的东西？我不希望快递应用程序成为webpack构建的一部分。这是我以这种方式分离代码的主要原因。

Answer 1

我能够使用库参数（webpack.config.js）访问webpack的内容：

output: {
    path: ...,
    filename: ...,
    library: 'myapp',
    libraryTarget: 'commonjs'
}

然后在代码中访问它：

const output = require(path.resolve(webpackConfig.output.path, webpackConfig.output.filename));

const defaultExportFunction = output.myapp.default;

如何从外部导入webpack条目文件的默认导出？

1 个答案: