說來十分無語,今天想上手Mobx對比下跟redux的易用性,結果爲了想最簡單的支持create-react-app建立的項目,網上找了幾個方法一直沒成功,最坑的是好幾個文章寫得無侵入的方式應該都是複製的一篇文章,文章讓我修改的文件根本就是錯的~~生氣!!!
因爲create-react-app 目尚未內置的裝飾器支持,要解決這個問題,你能夠使用 eject 命令 或使用 react-app-rewired,可是我今天一直想尋找最簡單的方式。
如題:網上有好幾個帖子的方式如圖:node
可是在我項目中很遺憾,node_modules/babel-preset-react-app/index.js代碼以下:react
仔細看了看,至少我應該修改的文件應該是這個:npm
\node_modules\babel-preset-react-app\create.js
所以我看到的是,一個非侵入式create-react-app支持裝飾器的配置方式以下:
一、執行redux
npm install --save-dev babel-plugin-transform-decorators-legacy
二、在\node_modules\babel-preset-react-app\create.js
中而後加入裝飾器支持babel
require.resolve('babel-plugin-transform-decorators-legacy')
ok 大功告成,應該能夠成功執行了。固然不少人說修改的是index文件,至少我這裏不是哈。app