小编Las*_*ash的帖子

我有一个简单的库,我正在使用ES6,我有一些require关键字,然后,我需要将其转换为浏览器理解它的版本,我使用webpack来制作我的库的浏览器版本.

这是一个例子:

main.js

import Test from './test';

function callMe(){
    console.log("I am damn called!");
}

test.js

export default function(string) {
  console.log("This is awesome!");
  [1,2,3].map(n => n + 1);
}

gulpfile.js(我用Gulp)

var gulp = require('gulp');
var babel = require('gulp-babel'); 
gulp.task('babel', () => {
    return gulp.src('src/*.js')
        .pipe(babel({
            presets: ['es2015']
        }))
        .pipe(gulp.dest('dist/babel'));
});


var webpack = require('gulp-webpack');
gulp.task('webpack', function() {
  return gulp.src('dist/babel/main.js')
    .pipe(webpack())
    .pipe(gulp.dest('dist/'));
});

现在,当我运行Gulp任务(babel和webpack)时,我将获得一个文件结果webpack (并且意味着所有需要和导入现在被转换)

这是webpack的结果(我的意思是转换结果):

/******/ (function(modules) { // webpackBootstrap
/******/ 	// The …