最小的React Starter 一个带有 ， 和入门项目。 该启动程序在包括Babel和Webpack的情况下尽可能减少。 建立专案 git clone git@github.com:ahfarmer/minimal-react-starter.git 建立 npm install 用法 node server.js 打开 。 从头开始构建 入门项目可能会给所有初学者带来困难，因为所有的动作都是如此。 为了帮助您理解此入门项目，有了如何从头开始创建它。 为什么最小？ 该项目的主要目的是学习。 对于学习而言，最小的入门项目是最好的。 过多的依赖关系可能会使初学者感到困惑。 选择所需项目并将其添加到最小项目的过程可能是学习的好方法。 为什么不更多最小化？ Babel和Webpack是我认为在React项目中完全必要的两个工具。 无论构建多大，我在构建的每个React项目中都没有使用过其他一致的工具。 Babel：即使您只是编写一个快速测试，您也可能希望在组件中使用JSX，而不是React.createElement遍地写出React.createElement 。 We

Goddamn Javascript Babel 一个零配置包，为您提供最新的Javascript，最新建议包括管道运算符foo |> bar ，可选的链接foo?.bar ，null合并foo ?? bar foo ?? bar等等。 快速开始 以下是如何使用最新最出色的Babel提案创建项目的方法： $ yarn init -y $ yarn add --dev goddamn-javascript-babel $ yarn goddamn-javascript-babel $ yarn add --dev goddamn-javascript-eslint $ yarn goddamn-javascript-eslint $ yarn babel -w src/* --out-dir dist 请注意，我们还安装了推荐的eslint软件包，其中包括Airbnb的规则+ Prettier。 为什么？ 我已经受够了Javascript配置的破坏。 您需要大量的模块来获取最新的检测和格式化，它们都会更改版本并最终以各种不同的方式中断。 这只是一个安装模块，可锁定所有部门并带您到

React移动样板 用于构建移动Web应用程序的简单样板。 服务器端和客户端渲染支持。 webpack4，react-hot-loader4，react-router5 安装 您需要具有才能开始。 $ git clone https://github.com/hahoocn/react-mobile-boilerplate.git $ npm install 运行开发服务器（开发） $ npm run dev 构建和运行生产服务器 $ npm run build $ npm run start 只建立客户端 $ npm run build:client 清理构建文件夹 $ npm run clean 技术栈 React （一个用于通过Facebook和Instagram创建用户界面JavaScript库。） （ 完整路由库。） （React Router v4和v5的Redux绑定） （用于Redux的官方React绑定。） （Reac的文档主管） Redux （JavaScript应用程序的可预测状态容器。） （一个为Redux创建动作和减速器的库）

@ babel / preset-env示例 与通天塔7 主要文档： : @ babel / polyfill文档： : 浏览器列表： ： # .browserslistrc > 1% in FR // babel.config.js module . exports = { presets : [ [ '@babel/preset-env' , { useBuiltIns : 'entry' , debug : true } ] ] } ; // First line inside your app (App.js for this example) // Not needed with useBuiltIns: 'usage' //import '@babel/polyfill' 发现 指定文件.browserslistrc而不是babel.config.js browsers: [...] ：将由Autoprefixer和其他工具重用 useBuiltIns: 'usage

TypeScript + Babel 7 基于Babel 7新功能构建的示例TypeScript项目。 包括React 16，Jest和Enzyme（用于测试）。 由于不再需要使用TypeScript编译器来编译源代码，因此您可以保留现有的Babel管道，而是依靠基于编辑器的类型检查或tsc 。 安装 git clone https://github.com/damassi/babel-7-typescript-example && cd babel-7-typescript-example yarn install yarn start yarn test:watch yarn typecheck 有关使用Webpack的更完整的示例，请参见此-感谢@flobacher。 如果使用VSCode，请确保安装推荐的扩展。 例 // App.tsx import React , { Component } from ' react ' interface Props { name : string } export const App extends Component < Pr

babel-preset-njs：NJS的Babel预设-NGINX JavaScript

开始吧 灵活的Web入门套件（Webpack，Babel，React ...） 免责声明：该项目是根据我自己的需要和喜好创建的，因此可能不符合您的期望。 目的不是太通用，而是提供一个几乎完整的解决方案以减少在开始新项目时的复制/粘贴。 叠放 该项目使用： （自动） （ ） 入门 克隆或下载存储库，并删除其他文件以使其适应您的需求。 删除.git文件夹rm -rf ./.git 安装依赖项yarn install 使用npm start启动开发人员 剧本 该项目使用npm脚本： test ：启动测试（ jest ） lint ：皮棉js ， jsx ， css和scss build ：启动构建（ webpack ） deploy ：将构建文件夹部署在远程/ gh页上 clean ：删除构建和coverage文件夹 start ：启动webpack-dev-server Webpack Webpack的配置被分为多个块（从启发而来）。 它有助于保持文件可读性。 这个想法是使用功能组合来创建webpack配置。 您将需要使用来组合这些功能。 import mer

技术概述 固定Web服务器 启用HTTPS（使用垃圾证书/密钥） 启用HTTP / 2 通过启用HTTP / 2“可以认为它是支持自动服务器推送的插件的替代。” 客户端捆绑的Webpack 使用技巧 您可以信任server/certs/cert.pem （仅来自 ），也可以使用tls-keygen生成自己的server/certs/cert.pem （根据）。 信任证书可能很棘手。 有关您的操作系统和浏览器的一些见解，请参考 。 学分

原型填充· 为__proto__提供一些限制 需要此polyfill的浏览器 在通常不提供__proto__ Object.defineProperty支持Object.defineProperty ， Object.getPrototypeOf ， Object.getOwnPropertyNames ， Object.getOwnPropertyDescriptor和Object.create旧浏览器中： IE 9 IE 10 不支持IE 8。 为什么和何时 如果您执行以下操作：./tests/class-like.js或（ES6版本）： class X { static get foo ( ) { return "xFoo" ; } get foo ( ) { return this . constructor . foo + " by instance!" ; } } X . s = { s : "x" } ; X . f = "X" ; class Y extends X { static get foo ( ) { re

graphql-tag.macro 库的Babel Macro。 它能做什么 它内联使用graphql-tag解析GraphQL查询的结果。 转换为： const query = gql ` query { hello { world } } ` ; 对此： const query = { 'kind' : 'Document' , 'definitions' : [ { 'kind' : 'OperationDefinition' , 'operation' : 'query' , 'variableDefinitions' : [ ] , 'directives' : [ ] , 'selectionSet' : { 'kind' : 'SelectionSet' , 'selections' : [ { 'kind' : 'Field' , 'alias' : null , 'name' : {