阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      essential-react 学习笔记

      官方资料

      设计目标

      • 使用更少的工具(不要使用 yeoman,gulp,bower 等)
      • 带 Webpack 和热加载器的 Babel 6
      • 使用模拟出的 DOM 进行快速测试
      • 导入 CSS 文件作为类名
      • 分开的智能和哑巴组件
      • 没有特定的 Flux 或数据获取模式实现

      入门

      $ npm install
      

      启动本地开发服务器:

      $ npm run server
      

      导航到 http://localhost:8080/ 以查看该应用程序。

      指令

      此骨架应用程序的核心理念是将工具保持在最低限度。因此,您可以在 package.jsonscripts 部分中找到所有命令。

      服务器

      $ npm run server
      

      输入:src/main.jsx

      这将利用 React Hot Loader 自动启动本地开发服务器并即时刷新文件更改,而无需重新加载页面。

      它还自动包含源映射,使您可以浏览代码并在原始 ES6 代码上设置断点:

      build

      $ npm run build
      

      输入: src/main.jsx

      输出: build/app.js

      使用生产快捷方式构建用于生产的小型应用程序。

      测试

      $ npm test
      

      输入: test/main.js

      输出: coverage/

      利用 ava 执行测试套件并使用 nyc 生成代码覆盖率报告

      coveralls

      $ npm run coveralls
      

      输入: coverage/lcov.info

      将 nyc 生成的代码覆盖率报告发送给 Coveralls。

      clean

      $ npm run clean
      

      Input: build/app.js

      目录
      目录