- • 与贾瓦文一道检测洛克
- AutoSave with VSCode
- 查询
- URL.canParse
- Java
- JavaScript:反向数组
- 查阅土著Node.js Intern
- 3. 第5条
- Colorful Node.js 信伐木与Chark
- 简讯
- 哥索尔与Node.js console-png的图像
- 1. 在Node.js推广土著传教
- 制作带有Node.js和PhantomJS的网络普查
- 制作带有Node.js和SlimerJS的网络普查
- Broken Linkecker
- 衡量国家预防机制的缓慢办法 Install Time
- Node.js Roku Yong
- Node.js Raw Mode with Keystrokes
- 与Node.js的系统通知
- URL Redirects with Node.js
- 现代 Java文 适用于Netrino
- 习俗中立
- Java Deep Merge
- 2-Factor Authentication with Node.js
- Node.js Debugging
- 更完善的Node.js Console Dumps with console-probe
- • 如何用Node.js创建Twitter Bot
- 自动取款机
- 全球停止安装包裹
- • 如何用网上包装对来源进行分类
- 简单的Node.js Proxy
- j 质量评论
- 在MooTools 1.2.3实施cs()和.attr()
- Sexy Album Art with MooTools or jQuery
- 消除使用MooTools或j Query的盲人形象
- 动态制作利用j Query Flot和谷歌分析的图表
- Image和MooTools的图像
- 复制jQuery Homepage Tooltips
- 创建Spinning、与CSS3和MooTools的Fading Icons
- 创建轮椅、与CSS3和j Query的电灯
- 创建配有CSS3和MooTools或jQuery的模拟记录仪
- jQuery Chosen Plugin
- Create Create
- 2. Version
- 1. 建设有CSS Animations和Java 字典的街头斗士
- j Query Wookmark
- CSS vs. JS Animation: What is Immediate?
- nude.js: Nudity Researchion with Java texts
- 摄像机和录像控制
- 5 更多超文本
- 创建具有混合体的乙烯
- 9 Min-Blowing Canvas Demos
- 9 更明朗的网络
- 恢复使用Canvas、Drag和Droop图像和文档预报
- 1. 利用网络Socket建造3DMMO
- 缩略语
- Responsive and agly Scalable JS Animations
- 13 在选择 Java图书图书馆时考虑的因素
- Sara Soueidan's Favorite CodePen Demos
- Web Animation using Java: Text
- 在Aimations工作时减少记忆力
- GSAP + SVG for Powerusers: Application With A Path
- JS 图: 页: 1
- • 如何在安热斯建造海图
- 麦克马歌舞厅
- Canvas Filters
- 5 《学习关键概念》,3.js和“如何理解”
- AJRP 页: 1
- MooTools' AutoComples 管道
- #davidwalshblog AJAX Chat
- Caching AJAX Java文
- Form Element AJAX Spinner Attachment Using j Query
- AJAX Annoyances to Avoid
- 在Dojo工具包中创建动态的Flickr图像搜索
- 创建多霍人授权的言辞 新闻网站视角
- 乌尔维5的窗口。 信使
- 支持MooTools的Message活动
- 窗口Message Tip: Child-To-Parent Communication
- Drag and Drop MooTools File Uploads
- 传统日本宇宙航空研究开发机构与Dojo工具包的关系
- IFRAME 1. 允许排放分离解决办法
- Pub/Sub Javagust 目的
- 缩略语
- 采用捕获方式归还财产
- CSS 超支部分
- 反对:
- Fix Seeing “0” in You JSX Code
- 回收使用 前任Hook
- • 如何在贾瓦伦创造团结联盟
- 指挥线拖拉
- Array.prototype.at
- JavaScript String replaceAll
- 立即执行与贾瓦文的间隔
- Java门类
- 投入价值 印 度
- A. 采访Intiface Haptics工程师
- 2. 用 Java印成像
- Javacast event.defaultPrevented
- How to Inject a Global with Web Expansion in Manifest V3
- 查阅XR 对 Java本的支持
- • 如何确定Java Promise的地位
- 硬拷贝 表格
- fetch with Timeout
- 使用.nvrrc指定节点版本
- 通过控制台监视事件和函数调用
- 斯基普或仅与 Java本·莫沙进行一项试验
- 如何在网络推广中使用储存
- 检测系统 利用 Java本进行的主题优惠变化
- Convert Fahrenheit to Celsius with JavaScript
- 如何使用窗户。 Node的加密。 j)
- • 如何推广与 Java的原型
- • 如何使印有 Java本的数字国际化
- 侦查Fonts Ready
JSX syntax, ES Modules, support for last 2 browser versions, and Async Functions
Support for import CSS, HTML, images, fonts, and icons directly from JavaScript
Hot module replacement, no HTML templating, and much more
让我们打上车牌,安装一些反应堆。
❯ yarn remove neutrino-preset-node && yarn add --dev neutrino-preset-react ❯ yarn add react react-dom
我们的一揽子计划。 json的指挥需要改变,现在使用React preset:
{ "scripts": { "start": "neutrino start --presets neutrino-preset-react", "build": "neutrino build --presets neutrino-preset-react" }, }
不要创建Node.js服务器,而是让网站浏览某些内容。 通过公约,我们的序号使我们得以在国际发展学会“名册”上提出申请:
import React from react ; import { render } from react-dom ; render(( <main> <h1>Hello! ?</h1> </main> ), document.getElementById( root ));
回到终点站,我们可以开始装上电灯,装上浏览器:
❯ yarn start ✔ Development server running on: http://localhost:5000 ✔ Build completed
希望能证明,新恢复项目的实施和运行是多么简单! 如果你没有为你的网络项目工作,则考虑在其他图书馆或一般网络应用中使用<代码>neutrino-preset-web。
Multiple presets
Neutrino简单地将多个预案合并起来。 为了证明这一点,请添加一条灯塔,使项目与
❯ yarn add --dev neutrino-preset-airbnb-base
为了减少重复,我们将利用一个中立的特点,从我们一揽子计划中的一系列先决条件中汲取教训。 json。 这使我们不必把我们想要用于每一个指挥的所有预兆名上。 删除文字指令的序号并将其移至<代码>config.presets。
{ "config": { "presets": [ "neutrino-preset-airbnb-base", "neutrino-preset-react" ] }, "scripts": { "start": "neutrino start", "build": "neutrino build" } }
注:neutrino-preset-airbnb-base
需装到我们的React preset
如果我们修改我们的法典,提出违反规定的内容,我们就会在议会得到明确的通知:
❯ yarn start ✔ Development server running on: http://localhost:5000 ✔ Build completed ERROR in ./src/index.js /node-project/src/index.js 6:10 error Strings must use singlequote quotes ✖ 1 problem (1 error, 0 warnings)
I m starting to sense a pattern here…
Testing, too!
让我迅速添加一个简单的Jest测试,因为为什么不? https://neutrino.js.org/presets/neutrino-preset-jest/ Neutrino preset
❯ yarn add --dev neutrino-preset-jest ❯ mkdir test && touch test/add.test.js ❯ touch src/add.js
请允许我写一份快速测试,核实一项功能是否正确补充,我们很快就会创造:
import add from ../src/add ; describe( addition , () => { it( adds 2 numbers , () => { expect(add(3, 5)).toBe(8); }); });
现在我们在<编码>上添加模块。
export default (x, y) => x + y;
宣传一揽子计划。 json再次重申,在我们的名单上添加了Jest的序号,并指示进行试验:
{ "config": { "presets": [ "neutrino-preset-airbnb-base", "neutrino-preset-react", "neutrino-preset-jest" ] }, "scripts": { "start": "neutrino start", "build": "neutrino build", "test": "neutrino test" } }
让我们进行试验!
❯ yarn test PASS test/add.test.js addition ✓ adds 2 numbers (3ms) Test Suites: 1 passed, 1 total Tests: 1 passed, 1 total Snapshots: 0 total Time: 1.228s Ran all test suites.
如果我们错写了我们的添加模块并意外地使用了多重复:
export default (x, y) => x * y;
这将导致检验失败:
❯ yarn test FAIL test/add.test.js ● addition › adds 2 numbers expect(received).toBe(expected) Expected value to be (using ===): 8 Received: 15 at Object.<anonymous> (test/add.test.js:5:38) at process._tickCallback (internal/process/next_tick.js:103:7) addition ✕ adds 2 numbers (5ms) Test Suites: 1 failed, 1 total Tests: 1 failed, 1 total Snapshots: 0 total Time: 1.221s Ran all test suites.
Modifying the build
Neutrino的伟大特征之一是,你不必为lock锁或缺乏便捷性进行简单交易。 http://neutrino.js.org/customization/“documentation。 您可以补充您的项目建设进程,并附加一些特点,而这些特点并没有达到您的初衷。 如果你发现你使用这些特点或多种项目的变化,你可以将其推广到
Conclusion
Making Neutrino into the tool it is today has been a lot of hard work, but we hope you enjoy it. Try it in your projects, give feedback, create your own presets, and share with others. We want to see everyone be successful with Neutrino.
如果您愿意参与发展或文件编写工作,请访问资料袋的撰稿部分,以了解详细情况,或访问我们的Gite/2007/5。
Neutrino Documentation:
谢!
About Ep Perelman
Ep Perelman是Java和Node.js ObsessionistTM,目前正在使用网络工具,为Catherine Release &生产力小组工作。 他的闲.时间从事开放源的工作,并试验电子音乐生产。 Child of the 90s web. Skeptic.
<<<><>