如何使用Gulp或Webpack在我的nodejs / expressjs应用程序中使用ES6功能

时间:2016-09-03 10:20:26

标签: javascript node.js gulp ecmascript-6 webpack

我想在nodejs / expressjs应用程序中使用ES6功能。目前我正在使用Gulp编译我的js并设置其他内容,如实时重新加载。

  1. 我需要添加到现有的gulp文件中才能将es6代码编译为标准js。

  2. 我看到webpack使用了很多,我怎样才能使用webpack做一切gulp。

  3. ```

    var gulp = require('gulp');
    var nodemon = require('gulp-nodemon');
    var notify = require('gulp-notify');
    var livereload = require('gulp-livereload');
    
    gulp.task('default', function() {
    
        livereload.listen();
    
        nodemon({
    
            script: 'index.js',
            ext: 'js'
    
        }).on('restart', function() {
    
            gulp.src('index.js')
                .pipe(livereload())
                .pipe(notify('Reloading page, please wait...'));
        });
    
    });
    

    ```

    谢谢。

1 个答案:

答案 0 :(得分:0)

在节点js 6中,您可以在没有编译器或其他东西的情况下使用ES6,只需在js文件的开头添加“use strict”。

如果你有节点< 6,您可以在启动应用程序之前使用babel将您的js编译为ES5。

请参阅此文章:http://jsrocks.org/2016/01/configuring-babel-6-for-node-js/

ES6模块目前处于DRAFT状态,因此您暂时无法使用导入/导出 见https://github.com/nodejs/node-eps/blob/master/002-es6-modules.md