express中使用es6以及热更新

开发环境中

  1. express项目中安装babel-cli

    cnpm install --save-dev babel-cli
  2. 安装presets

    cnpm install --save-dev babel-preset-env
  3. 刚开始学习express的时候,会遇到一个问题:每次改一点点代码,都需要重启服务。我们希望能够实现“热更新”的效果,接下来我们就可以使用nodemon监视文件修改,达到热更新效果,而不比每次都重启服务

    安装nodemon

    cnpm install --save-dev nodemon
  4. 创建.babelrc文件

    {
        "presets": ["env"]
    }
    
  5. 在package.json里添加运行的脚本

    {
        ...
        "scripts": {
            // "start": "node ./bin/www"
            "start": "nodemon --exec babel-node ./bin/www"
         }
        ...
    }
  6. 到此就可以使用es6的写法了,写一段es6

  7. 运行

    npm start

现在更改js代码,不需要重启服务,就可以实现效果了

参考

express中使用es6

猜你喜欢

转载自www.cnblogs.com/marvelousone/p/12214280.html