为了账号安全,请及时绑定邮箱和手机立即绑定

gulp怎么打包js中的import语法

gulp怎么打包js中的import语法

天涯尽头无女友 2018-11-21 17:13:42
我的gulp配置文件基础是这样的。const gulp = require('gulp'),       babel = require('gulp-babel'),       ugify = require('gulp-uglify') gulp.task('watch', function () {   gulp.watch('app.js', ['a']) }) gulp.task('a', () =>   gulp.src('app.js')       .pipe(babel({         presets: ['es2015']       }))       .pipe(ugify())       .pipe(gulp.dest('dist')) )然后我的app.js中用了es6的module语法import { bar } from './index.js'var foo = () => {  console.log(bar) } foo()index.js如下export const bar = 'aaaaaaaaaaaa'打包后的js如下,但是这样并不能在浏览器端运行。"use strict";var _index=require("./index.js"),foo=function(){console.log(_index.bar)};foo();所以,应该怎么修改呢。
查看完整描述

1 回答

?
素胚勾勒不出你

TA贡献1827条经验 获得超9个赞

babel只能转化,不能打包,你还需要使用browserify这个插件


查看完整回答
反对 回复 2018-12-10
  • 1 回答
  • 0 关注
  • 400 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信