在ssr中时如何别名外部模块路径?

时间:2019-07-13 10:45:08

标签: javascript reactjs react-redux ssr prerender

https://github.com/liady/webpack-node-externals/issues/66

我在构建SSR时遇到问题,这是我们的框架导出别名模块,并使用resolve.alias对该模块进行别名,例如React,我们使用

import React from 'bar/lib/sdk/react';

// not use
import React from 'react';

// bar/lib/sdk/react/index.d.ts not have index.js
// the `bar` is alias `lib/sdk/react` with `bar/node_modules/react`

所以现在,我只将bar / lib / sdk / react添加到whiteList中,但是捆绑所有React库是不合理的。

我该如何解决问题?

换句话说,我在客户端和服务器webpackConfig中都配置了resolve.alias = { 'bar/sdk/react': dirname(join(process.cwd(), 'node_modules', 'react')) }

我在项目中这样写

import React from 'bar/sdk/react';

服务器dist捆绑包中的输出为'bar / sdk / react',不使用别名'/node_modules/_react@16.8.6@react'

因此在服务器上运行会崩溃。

0 个答案:

没有答案