前言
kanu_starter_frontend 是一款基于 React 和 Redux 的前端脚手架工具,下面我们将对它的使用进行详细介绍。
安装
使用 npm 进行安装:
npm install kanu_starter_frontend
或者使用 yarn 进行安装:
yarn add kanu_starter_frontend
使用
安装完成后,在项目的根目录下增加一个 .babelrc
配置文件,内容如下:
{ "presets": ["env", "react"], "plugins": [ "transform-object-rest-spread", "transform-class-properties" ] }
然后在项目的 src
目录下创建一个与脚手架同名的文件夹,将脚手架的示例代码移到该文件夹下。
完成上述设置后,在 index.js
中引入脚手架的入口文件:
import App from './src/kanu_starter_frontend/App';
最后,在页面中创建一个 div
元素,并将脚手架的组件渲染至该元素中:
ReactDOM.render( <App />, document.getElementById('root') );
至此,整个使用流程已经完成。
示例代码
-- -------------------- ---- ------- ------ ------ - --------- - ---- -------- ------ - ----------- - ---- -------- ------ - -------- - ---- -------------- ------ ------- ---- ------------ ------ -------- ---- ------------------------ ----- ----- - --------------------- ----- --- ------- --------- - -------- - ------ - --------- -------------- --------- -- ----------- -- - - ------ ------- ----
涉及知识点
- React
- Redux
- Babel
意义和建议
kanu_starter_frontend 的出现,为前端开发者提供了一种快速搭建项目的解决方案。希望开发者可以在使用它的同时,深刻理解其设计思想、原理和用法,并在日常工作中用好开源工具、创建良好的编程习惯。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066ef94c49986ca68d87cd