安装 yarn add -D @babel/cli @babel/node 编译entry-server.js yarn babel ./src/ssr/entry-server.js --presets=@babel/preset-env var hello = () => { return "Hello World"; }; console.log(hello()); 结果 "use strict"; require("core-js/modul…

这个工具和node-supervisor基本上是一致的,但是其功能比较强大,个人觉得在开发环境还是用 nodemon,因为配置比较方便,文档也很清晰.所以这里先主要讲 nodemon. nodemon 的安装: npm install -g nodemon 安装完 nodemon 后,就可以用 nodemon 来代替 node 来启动应用: nodemon [project] [port] 如果没有在应用中指定端口,可以在命令中指定: nodemon ./server.js localhost…

…

nodemon nodemon是一种工具,可以自动检测到目录中的文件更改时通过重新启动应用程序来调试基于node.js的应用程序. 安装 npm install -g nodemon //或 npm install --save-dev nodemon 使用 nodemon ./main.js // 启动node服务 nodemon ./main.js localhost 6677 // 在本地6677端口启动node服务 "start": "ts-node -r tscon…

之前各种node工程都是东抄抄,西抄抄的.  用ng的cli之后,发现非常舒服.所以把node新建工程的种种记录一下. node+babel, 直接按es6标准写就好了,  不需要一定写ts再转码了(写angular再用ts), 其他情况下用其他语言写然后转码成js的方案, ClosjureScript 效率更高吧). 参考https://www.robinwieruch.de/minimal-node-js-babel-setup/ https://dev.to/bnorbertjs/my-n…

概述 今天我继续完善我做的用来 mock 前端数据的库:ym-mock. 我想要实现 2 个需求: 支持 es6,至少要能 import 吧. 修改了代码之后能自动热更新,不能我修改了服务器代码要手动重启吧. 最后通过查阅资料,用 babel-node 和 nodemon 实现了,我把方法记录下来,供以后开发时参考,相信对其他人也有用. 参考资料: [译]使用Babel7+nodemon打造你的Node.js项目开发 babel-node 使用 babel-node 可以在 node 端自行编译…

一.关于Apollo Server Apollo Server是一种使用JS创建GraphQL服务端的一个方案.它的兼容性比较好,可以很好地和GraphQL客户端进行兼容.同时它可以 独立作为服务端进行 以插件的形式与现有的NodeJS 服务端程序进行兼容 可以作为一个GraphQL的数据网关. 官网地址:https://www.apollographql.com/docs/apollo-server/ 二.搭建Apollo GraphQL Server 1) 和搭建Node Server类似.…

学习过程宝宝心里苦,不能怨政府.. 兴趣所致,一直放不下nodejs的学习,时隔多日,又把express捡起来打算重新再学学,一直没什么太大的长进,和实际的项目经验.真的醉了,太懒了. 今天在重新研究supervisor的时候,突然觉得这东西只有在服务端文件修改时才会触发刷新,前端样式文件模板等等刷新时不会, 能实现前端修改也自动刷新不?想想平时自己用gulp 搭虚拟服务器,用browser自动刷新,于是打算试试. gulp+browserSync 算是原来就有的,现在应该把目标分几步来实现,…

1.node 2.nodemon 支持热部署 3.supervisor  支持执部署…

下载好node.js和通过npm安装好express.js后,先写package.json { "name": "application-name", "version": "0.0.1", "private": true, "scripts": { "start": "node node_modules/nodemon/bin/nodemon.js app…

Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3". If you are sure you have a compatible version of @babel/core, it is likely that something in your build process is loading the wrong version. Inspect the stack trace of th…

babel 7 babel 7 发布两天了,试着对当前项目更新了下,仅此记录分享 主要改动参考 官方博客 官方升级指南 主要升级内容 不再支持放弃维护的 node 版本 0.10.0.12.4.5 使用 @babel 命名空间,如 @babel/core @babel/preset-env 代替 preset-es2015 等 TC39 提议的插件改名为 -proposal,代替 -transform 针对面向用户的包(如 babel-loader.@babel/cli)在 @babel/cor…

Babel是一个JavaScript编译器,不仅能将当前运行环境不支持的JavaScript语法(例如ES6.ES7等)编译成向下兼容的可用语法(例如ES3或ES5),这其中会涉及新语法的转换和缺失特性的修补:还支持语法扩展,从而能随时随地的使用JSX.TypeScript等语法.目前最新版本是7.4,自从6.0以来,Babel被分解的更加模块化,各种转译功能都以插件的形式分离出来,可按自己的需求,灵活配置. 在7.0版本中,对Babel的包做了一次大调整,统一改成域级包,将原先以“babel-…

官网快速生成:http://www.expressjs.com.cn/starter/generator.html 1.安装  express 1.应用生成器工具 express-generator 可以快速创建一个应用的骨架. $ npm install express-generator -g 2.如下命令创建了一个名称为 myapp 的 Express 应用.此应用将在当前目录下的 myapp 目录中创建,并且设置为使用 Pug 模板引擎 $ express --view=pug myap…

在前端圈子里,对于 Babel,大家肯定都比较熟悉了.如果哪天少了它,对于前端工程师来说肯定是个噩梦.Babel 的工作原理是怎样的可能了解的人就不太多了.本文将主要介绍 Babel 的工作原理以及怎么写一个 Babel 插件. Babel 是怎么工作的 Babel 是一个 JavaScript 编译器. 做与不做 注意很重要的一点就是,Babel 只是转译新标准引入的语法,比如: 箭头函数 let / const 解构 哪些在 Babel 范围外?对于新标准引入的全局变量.部分原生对象新增的原…

如何让 node 运行 es6 模块文件,及其原理 最新版的 node 支持最新版 ECMAScript 几乎所有特性,但有一个特性却一直到现在都还没有支持,那就是从 ES2015 开始定义的模块化机制.而现在我们很多项目都是用 es6 的模块化规范来写代码的,包括 node 项目,所以,node 不能运行 es6 模块文件就会很不便. 让 node 运行 es6 模块文件的方式有两种: 转码 es6 模块为 commonjs 模块 hook node 的 require 机制,直接让 node…

阅读文档 Babel中文网 关于 Babel 你必须知道的 如何写好.babelrc?Babel的presets和plugins配置解析 不容错过的 Babel 7 知识汇总 一口(很长的)气了解 babel core-js@3带来的惊喜 babel 7 的使用的个人理解 介绍 Babel is a JavaScript compiler.——顾名思义,Babel 就是将最新的 ES6+ 语法,向后兼容,编译转化为支持各个浏览器可以运行的 javascript 代码. Babel 编译 babe…

定义 Babel是一个Javascript的编译器,通过它你可以将一些新版本的ECMAScript语法转换成低版本的语法.以便能够在低版本的浏览器或者其它环境平稳运行. 截至目前笔者写这篇文章的时候,babel的版本是7.10.0 实践 第一步:创建项目 mkdir babel-study && cd babel-study 第二步:初始化项目,并安装相关依赖包 npm init -y npm i @babel/cli @babel/core @babel/preset-env --sav…

什么是babel babel是一款基于node开发的工具,其功能是对es6的新语法和新特性进行转码.…

最近在看Nuxt开发vue项目的视频,视频中讲到Nuxt项目不支持es6的import写法.并提供了解决方案: 1.在package.json中添加我标红的部分: "scripts": { "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node", "build": "nuxt bu…

安装 npm i webpack webpack-cli @babel/core babel-loader @babel/preset-env @babel/node clean-webpack-plugin webpack-node-externals cross-env -D webpack.config.js const path = require('path') const webpackNodeExternals = require('webpack-node-externals')…

vuejs概述 Vue.js是用于构建交互式的Web界面的库.它提供了MVVM数据绑定和一个可组合的组件系统,具有简单.灵活的API. 结合node.js 可以实现前后端开发从物理上的分离.使前端负责View和Controller层,后端负责数据接口,数据存储. 感兴趣可以看淘宝ued <前后端分离的思考与实践> vuejs有以下几个特点 1.使用简单, 如: <body> <div id="app"> <p>{{ note }}<…

今天开源了一个百度云网盘爬虫项目,地址是https://github.com/callmelanmao/yunshare. 百度云分享爬虫项目 github上有好几个这样的开源项目,但是都只提供了爬虫部分,这个项目在爬虫的基础上还增加了保存数据,建立elasticsearch索引的模块,可以用在实际生产环境中,不过web模块还是需要自己开发 安装 安装node.js和pm2,node用来运行爬虫程序和索引程序,pm2用来管理node任务 安装mysql和mongodb,mysql用来保存爬虫数据…

数据双向绑定并不是Angular最出彩的地方.大部分对AngularJs的介绍都偏重于使用,使用的学习只是学了AngularJs的API,而那只能AngularJs的很小一部分.随着使用越来越深,系统越来越大,我们也越来越迷失,是时候深入AngularJs的实现来学习.因为AngularJs 2.0就要来了,由于2.0和1不兼容,基于API的学习不再有用,而内部实现的精华才能延续.其实,软件的很多技术也大都如此,冲走的是实现,留下的是思想. 原文 深入探索AngularJS [TOC] 作用域S…

[给链接不赘述][提醒坑][想更简单学计算机必须会看懂英语][win让你专注代码未来深入linux][尽管文件恨多,但是我们不去dissect 是永远不会的] https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html https://github.com/Microsoft/TypeScript-Node-Starter#typescript-node-starter https://docs.mongodb.com/man…

express自动生成项目.不在赘述 1.在项目根目录下新建终端,依次运行如下命令 npm install gulp --save-dev npm install gulp-nodemon --save-dev npm install browser-sync --save-dev package.json会有如下依赖: "devDependencies": { "browser-sync": "^2.18.13", "gulp&quo…

目录 深入探索AngularJS 作用域Scope是DOM和Directives交互的抽象 Scope是POJO对象 Scope是上下文 Scope继承树 Scope附加功能 正交功能 Element和Attribute 模块模式 - Module Pattern 创建模块 私有方法 - Private Method 理解返回 - Return Promise - 异步的承诺 介绍 Promise in Angular 使用Promise到后台取数据的一个实例 创建一个Promise Promi…

webpack在单页面打包上应用广泛,以create-react-app为首的脚手架众多,单页面打包通常是将业务js,css打包到同一个html文件中,整个项目只有一个html文件入口,但也有许多业务需要多个页面不同的入口,比如不同的h5活动,或者需要支持seo的官方网站,都需要多个不同的html,webpack-react-multi-page架构让你可以实现多页面架构,在项目开发中保证每个页面都可以热更新并且打包后有清晰的文件层次结构. Github地址 项目架构 技术使用 react16…

利用node 引入 nodemon,我们项目修改了代码,就不用需要在重新启动 步骤 npm install --save-dev nodemon 执行 nodemon server.js      //如果我们server.js里面有代码改变了,它就会自动刷新 ,不执行我们再中断,如果你想配置其他的,就去看详细资料吧…

搬运自[简书:http://www.jianshu.com/p/2f923c8782c8]亲测可用哦! 最近在使用express框架及mongodb,由于前端和后端代码修改后都需要实现自动刷新功能,刚开始我后端使用的是nodemon进行代码修改后自动刷新,后来涉及到前端,自然而然我想到使用browser-sync进行刷新,按照官网给出的代理模式进行操作,虽然能够进行代理,但是还是不能后实时刷新前端代码,后来搜索找到这篇文章 gulp+browserSync+nodemon 实现express 全…