:warning_selector: 注意:不建议使用此项目,而应使用“ 搜寻风格指南 生活风格指南,由 , , 和。 如果要从头开始创建新项目,请考虑使用 (我们官方支持的前端开发工具包)。 它经过专门设计,可以使您的项目尽快启动并运行,同时简化了使开发环境保持最新状态的过程。 如果您想处理自定义Webpack项目,则可以使用简化集成过程。 安装 $ npm install --save seek-style-guide react react-dom react-helmet 或者,如果不使用React组件,则可以自己安装seek-style-guide: $ npm install --save seek-style-guide 升级中 消费者可以通过遵循我们的来保持最新,该在将新发行版发布到时自动发布。 建立 使用StyleGuideProvider组件包装您的应用程序,以使用任何样式指南组件。 例如: import React , { Component } from 'react' ; import { StyleGuideProvider } from 'se
2021-02-01 14:37:22 448KB react less babel front-end
1
一个TypeScript Rollup插件,捆绑了声明并尊重Browserslists 描述 这是一个汇总插件,可以在Typescript,Babel,Browserslists和汇总之间进行集成。 它首先是Typescript插件,可实现与Rollup的完全互操作性。 随之而来的是非常强大的绑定和生成的Typescript声明文件的树状摇晃,可与代码拆分无缝地协同工作。 产品特点 编译器诊断信息已正确发出,并进入汇总构建生命周期 得到正确处理 支持定义文件( .d.ts )的生成和捆绑,并完全支持代码拆分 支持增量编译。 可以提供一个而不是ECMAScript的目标版本,这样就可以相对于您的Browserslist中定义的浏览器的基准来转换代码。 Babel可以用作编译器,而不是Typescript,这样Typescript可以处理诊断,声明和剥离类型,Babel用于语法转换。 目录 安装 npm $ npm install @wessberg/rollup-plugin-ts --save-dev 纱 $ yarn add @wessberg/rollup-plugin-ts
2021-02-01 14:37:22 812KB plugin babel typescript rollup
1
VoltranJS 什么是Voltran?为什么要使用它? Voltran是由Hepsiburada技术团队开发的微型前端框架。 帮助跨职能团队进行端到端的独立开发和部署。 如果需要具有以下功能的微型前端框架,则可以使用Voltran: 轻巧快速的API 服务单个和多个组件 预览(可视化组件) SEO友好(如果需要) CSS和SCSS支持 仅支持React(目前) 安装 Voltran需要运行 v10.15.0 +。 安装Voltran。 纱 $ yarn add voltranjs Npm $ npm install voltranjs 用法 这是一个示例组件。 首先,您应该导入@voltran/core 。 之后,我们可以编写组件的代码。 HelloWorld.js const voltran = require ( ' @voltran/core ' ); import React from ' react ' ; const ROUTE_PATHS = { HELLOWORLDPAGE : ' /HelloWorld ' , }; const Hel
2021-02-01 12:05:37 60KB react babel js microfrontends
1
用于定制前端的准系统样板。 与环境无关; 设置自己的后端和组件模板。 带有一些(易于删除)示例的极简组件体系结构。 和的依赖关系和工具。 用于构建的 。 ES6通过 。 仅对您的浏览器支持级别应用必要的转换。 现代DOM和功能。 使用和配置的JS 。 方便的修复脚本可以纠正整个项目中的大多数问题。 CSS样式为和配置。 , 和处理供应商前缀,并允许使用尖端CSS语法。 一种更快,符合标准的替代方案,可替代Sass等预处理器。 使用现代图标。 包括作为可选的零配置开发服务器。 浏览器支持: 。 。 建立 对于开发工具和构建: 安装最新的 。 安装最新的 。 在终端的项目根目录中运行yarn 。 运行yarn run build:watch 。 在另一个选项卡中运行yarn run start 。 多田 确保您的编辑器支持: 。 Atom用户将安装 。 实时JS ,尊重package.json配置。 Atom用户安装 。 实时CSS ,尊重package.json配置。 Atom用户安装 。 检查示例组件后: 删除准系统示例和参考。
2021-02-01 12:05:36 64KB stylelint babel yarn postcss
1
你是es5 一个软件包,可帮助您找出未用ES5编写的哪些node_modules ,因此可以将它们添加到Webpack / Rollup / Parcel转换步骤中。 这是目前,这实际上可能是检查的足够,以确定是否一个包应该transpiled与否。 正在安装 您可以使用以下命令全局安装软件包 npm install -g are-you-es5 或者,如果您希望立即运行它,则可以使用npx: npx are-you-es5 check /path/to/some/repo 混叠 如果你已经安装在全球它,发现它烦人类型are-you-es5了很多,你可以把它别名es5 : alias es5= " are-you-es5 " 用法 Usage: are-you-es5 check [options] Checks if all node_modules (including monorepos) at are ES5 Options: -a, --all Check all node_modules instead of
2021-02-01 12:05:35 3.32MB javascript babel webpack es5
1
入门套件 带全栈ES8 + LTS支持(已验证可在10.x,12.x和14.x LTS版本上使用) 服务器 使用客户端 使用客户端路由 用 用 (和 )进行单元和集成测试 E2E测试 开发模式(监视客户端和服务器,代理的模式,以避免发生CORS问题) 生产构建(单个部署工件,通过CDN加载React) 管道 部署 部署 构建 剧本 软件包文件中提供了各种脚本,但是许多脚本是其他脚本的帮助程序。 这是您常用的: dev :以dev模式启动前端和后端,同时监视文件(请注意,后端在端口3100上运行,并且前端已代理到该端口)。 e2e :在生产模式下构建和启动应用程序,并针对它运行赛普拉斯测试。 e2e:dev :以开发人员模式构建和启动应用程序,并针对它运行赛普拉斯测试。 e2e:local :在桌面上打开赛普拉斯,而不是在后台运行它。 不启动应用程序。 lint :针对项目中的所有JavaScript运行ESLint。 serve :在本地以生产模式构建和启动应用程序。 ship :运行lint ,然后test ,然后是e2e ; git pus
2021-02-01 11:16:05 215KB react javascript heroku babel
1
微匹配 javascript / node.js的全局匹配。 迷你匹配和多重匹配的替代品和更快的替代品。 请考虑关注该项目的作者 ,并考虑为该项目以显示您的 :red_heart_selector: 和支持。 目录 细节 安装 使用安装: $ npm install --save micromatch 快速开始 const micromatch = require ( 'micromatch' ) ; // micromatch(list, patterns[, options]); 包含字符串列表和一个或多个glob模式: console . log ( micromatch ( [ 'foo' , 'bar' , 'baz' , 'qux' ] , [ 'f*' , 'b*' ] ) ) //=> ['foo', 'bar', 'baz'] console . log ( micromatch ( [ 'foo' , 'bar' , 'baz' , 'qux' ] , [ '*' , '!b*' ] ) ) //=> ['foo', 'qux'] 使用进行布尔匹配:
2021-01-30 20:08:35 106KB javascript bash node regex
1
的Modern Serverless Starter Kit在Serverless框架的顶部增加了一个亮层,为您提供了最新的现代JavaScript(通过Webpack + Babel进行ES6,如果需要的话还可以通过TypeScript,使用Jest测试,使用ESLint进行lint,以及使用Prettier进行格式化),Serverless的便捷性和强大功能以及一些方便的助手(例如,用于处理温暖功能的函数和响应助手)。 安装后,您可以在几分钟之内创建和部署具有最新ES6功能的功能,并加入棉绒和格式。 在阅读有关它的更多信息。 注意:目前,该入门工具包专门针对AWS。 安装 # If you don't already have the serverless cli installed, do that yarn global add serverless # Use the serverless cli to install this repo serverless install --url https://github.com/postlight/serverless-b
2021-01-30 05:08:43 277KB aws babel webpack eslint
1
可嵌入的React Widget 轻松创建可嵌入的小部件-https: 产品特点 全面支持ES6 / ES2015(使用Babel) 将字体,css,json,javascripts打包到一个包中(使用Webpack) 宿主页面和窗口小部件之间没有CSS样式冲突(使用 ) 支持书签,可进行快速测试和演示 小部件的用户主题 混淆小部件代码 在启用代码覆盖率的情况下进行单元测试 持续集成就绪 演示版 运行小部件 安装依赖 $ npm install 启动开发服务器 $ npm start ... server running at http://localhost:8080/ 运行测试 $ npm test ... test output 生产建立 $ npm run build ... create files in /dist 路线图 小部件作为React应用程序-index.html可以工作(Webpack,Babel,React) React小部件(小部件构建器) Webpack更改为输出库 添加测试 添加Circleci集成 添加codecov集成以实现代码覆
2021-01-30 05:08:42 2.19MB react babel widget webpack
1
Vue.js入门模板 一个入门模板,可使用真棒的库来弄脏您的手。 内置: ...还有很多 入门 确保已全局安装了 。 从项目根目录克隆回购和运行yarn 单个文件组件 有关用法示例,请参见。 可用命令 yarn start 运行Webpack模块捆绑程序,开始监视更改并将BrowserSync服务器启动到 (可以从package.json config-section更改端口)。 使用 注意! Webpack处理所有重新加载的内容,而BrowserSync仅代理默认的webpack-port( 8080 ),从而可以从多个设备连接到dev-server: yarn lint:js 在/src目录中减少javascript文件 yarn build 使用生产设置(压缩等)运行webpack模块捆绑程序,并将项目构建到/build目录。 演示版 导航到并查看令人敬畏的IRL
2021-01-30 05:08:40 174KB babel webpack yarn vue
1