共计 1299 个字符，预计需要花费 4 分钟才能阅读完成。
一开始
creat-react-app 一直让我很舒服，不管是结合 TS 还是开发组件，突然有一天
npm run build
Creating an optimized production build…（预计 10 分钟通过）
然后大家提倡升级 webpack，然后就开启了如履薄冰的升级之路，天天跟便秘一样
直到我看到了网红打包工具 Parcel（确实孤陋寡闻了），小试一下，然后就又舒服了，然后自己尝试结合 React 和 TS 弄了个脚手架，
初尝 Parcel（全是参考官网）
1. 初始
npm install parcel-bundler
parcel index.html
就是这么直接并且粗暴，localhost:1234 就起来了，但是为了脚手架，还是把 parcel-bundle 放到具体的项目里边
npm install –save-dev parcel-bundler
npx parcel index.html
参考：https://parceljs.org/getting_…
2. 结合 React
npm install –save react
npm install –save react-dom
npm install –save-dev babel-preset-react
然后去 package.json 里边配置命令
“scripts”: {
“start”: “npx parcel index.html”
}
依旧简单粗暴
参考：https://parceljs.org/recipes….
3. 结合 TypeScript
结合 TS 稍微麻烦一点，但是这跟 parcel 没关系，是 TS 自己事儿多
npm install –save-dev typescript
npm install –save-dev @types/react
npm install –save-dev @types/react-dom
然后按照惯例构建 tsconfig.json 文件就可以了，简单粗暴
我的 package.json
顺便加了 tslint 和 sass+postCSS
“dependencies”: {
“react”: “^16.2.0”,
“react-dom”: “^16.2.0”,
},
“devDependencies”: {
“sass”: “^1.15.2”,
“autoprefixer”: “^9.4.3”,
“postcss-modules”: “^1.4.1”,
“@types/react-dom”: “^16.0.3”,
“@types/node”: “^10.12.18”,
“@types/react”: “^16.7.18”,
“babel-preset-react”: “^6.24.1”,
“parcel-bundler”: “^1.0.3”,
“tslint”: “^5.12.0”,
“tslint-config-airbnb”: “^5.11.1”,
“typescript”: “^3.2.2”
}
广告
自己弄了一个简陋的脚手架
github: https://github.com/ZJBC/react…npm: https://www.npmjs.com/package…
支持 组件开发 和 应用开发 两种模式，????️????️