SkillAgentSearch skills...

ReactProject

react的一个小项目

Install / Use

/learn @springalskey/ReactProject
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

ReactProject

该项目是移动端项目

安装 $ npm install

1:开发 执行 $ gulp 访问路径 http://localhost:8080/build/index.html

2:生产 执行 $ gulp build

3:在线预览:http://springalskey.github.io/ReactProject/dist/test.html

4:扫描二维码: image

关于项目:

1.main.js配置路由

2.App.jsx是路由中的写法

3.css
    1) reset.scss在App.jsx中引入且仅此一次。
    2) common.scss在App.jsx中引入且仅此一次。
    3) Tool.scss在每一个component中都可以作为“工具集公共项”来引入,不会添加到css文件中,是以变量的形式存在

4.js和jsx
    1) 通用的js放在app/components/common/js目录下
    2) mixin放需要mix到component中的公共组件,详情参考AlertMixin

5.html
	index_production.html是在执行gulp build命令时用的
	
6.dist目录
	是最终gulp build的结果
	若使用webstorm可直接选择dist/index.html在浏览器里运行,不需要安装环境。


Related Skills

View on GitHub
GitHub Stars34
CategoryDevelopment
Updated1mo ago
Forks12

Languages

JavaScript

Security Score

70/100

Audited on Feb 13, 2026

No findings