express中使用es6以及热更新

开发环境中

  1. express项目中安装babel-cli

    yarn add --dev babel-cli
    
  2. 安装presets

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

    安装nodemon

    yarn add --dev nodemon
    
  4. 创建.babelrc文件

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

    {
        ...
        "scripts": {
            // "start": "node ./bin/www"
            "start": "nodemon --exec babel-node ./bin/www"
         }
        ...
    }
    

    纯node,直接写

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

  7. 运行

    npm start
    

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

参考
express中使用es6

posted @ 2020-01-19 15:55  marvelousone  阅读(684)  评论(0编辑  收藏  举报