如何使用 Webpack 为 Preact 取别名?

How to aliasing Preact with Webpack?

Preact 指南说

To alias any package in webpack, you need to add the resolve.alias section to your config. Depending on the configuration you're using, this section may already be present, but missing the aliases for Preact.

但是使用任何官方模板(默认、打字稿、material web 组件等...)不会生成任何 webpack.config.js 文件并且 preact 没有像 react to 这样的弹出命令访问完整的项目配置。

所以,几件事:

首先,Preact 和 Preact-CLI 是两个独立的项目。

您引用的是我们文档中标记为“集成到现有管道”的部分。这意味着将 Preact 添加到您现有的 React 应用程序中,但是,如果您正在使用我们的模板之一,那么这是一个新项目,而不是现有项目。

preact has no eject command like react to access the full project configuration.

没有办法“弹出”React。您指的是名为“Create React App”的构建工具。

我们允许 full configuration of the Webpack config with a preact.config.js。有了这个,您可以编辑您想要的配置的任何部分:更改插件选项、添加加载程序、删除插件等,而无需自己拥有配置。您可以在配置中注释掉您的更改,然后返回默认配置。

我们认为 CRA 的“弹出”很差 API,因此不符合它。