根据 Preact 文档,要将 React 应用程序转换为 Preact,您必须为 webpack 指定别名:
{
"resolve": {
"alias": {
"react": "preact-compat",
"react-dom": "preact-compat"
}
}
}
你怎么能做到这一点create-react-app
因为这隐藏了react-scripts依赖下的webpack?
谢谢你!
我认为最优雅的解决方案是使用customize-cra https://github.com/arackaf/customize-cra。这样你就可以避免弹出或维护一个单独的分叉create-react-app
.
yarn add customize-cra react-app-rewired --D
- 然后,前往
package.json
, 改变你的scripts
到以下(这一步至关重要,但在customize-cra
的文档):
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-scripts eject"
},
- 转到项目的根目录,创建一个名为的文件
config-overrides.js
包含以下内容(假设您使用的是 Preact X):
const { override, addWebpackAlias } = require('customize-cra');
module.exports = override(
addWebpackAlias({
'react': 'preact/compat',
'react-dom': 'preact/compat'
})
);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)