因为 create-react-app 比较好用,使用 preact 的时候,如果也有这么好用的模板就好了。
造轮子重来不是我的风格,既然有现成的好用的,所以咱们直接改造他吧。
过程
- 使用
create-react-app
创建一个项目,然后 eject
create-react-app preact-boilerplate && cd preact-boilerplate && npm run eject
- 安装
preact
和babel-plugin-transform-react-jsx
,
babel-plugin-transform-react-jsx
这个是用来将React
替换为preact
的h
的
npm install preact babel-plugin-transform-react-jsx --save
- 更改
package.json
文件、eslint
配置 以及src
目录里面的代码为preact
的
最后
我们就有了一个相对完美好用的 preact 模板,是 Preact-cli 所不能比的。
源码在这里,preact-boilerplate