如何从外部导入webpack条目文件的默认导出?
我想我最好用代码来解释它。 我在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); };
我也有一个明确的应用程序,我想要访问默认的导出function。 如果有什么区别,这个文件就是webpack的入口文件。 这是我在我的快速应用程序中尝试的:
const handleRequest = require(path.resolve(webpackConfig.output.path, webpackConfig.output.filename)); app.get('*', (req, res) => { console.log(handleRequest); });
我试图导入webpack生成的文件,希望能够访问条目文件的默认导出。 那么,我错了,因为导入的输出是{}
。
有一个webpack插件或某种技术来做我想要build立的? 我不希望快速应用程序成为webpack构build的一部分。 这是我以这种方式分离代码的主要原因。
我能够使用库参数(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;