gulp babel转es6 Cannot find module 'lodash/assign'

最新推荐文章于 2024-12-26 15:27:09 发布

前端小学生young

最新推荐文章于 2024-12-26 15:27:09 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/u010793980/article/details/78717894

本文介绍了一种使用gulp和babel将ES6代码自动转换为ES5代码的方法，并分享了解决过程中遇到的模块冲突问题的经验。

最近想在项目中用一下es6的新属性，因为es6好多新的属性浏览器还没完全兼容，所以想用gulp+babel实现自动转换，先贴一段比较简单的代码

var gulp = require('gulp'),
    babel = require('gulp-babel'),
    rename = require('gulp-rename');

gulp.task('taskES6', function(){
    gulp.src('src/js/*.js')
        .pipe(babel({
            presets: ['es2015']
        }))
        .pipe(gulp.dest('build/build_ES6'));
});

代码和引入都没任何问题，但是运行时一直报错Cannot find module 'lodash/assign'，重新npm install lodash也不行，经过网上查找各种资料，把node_modules全部清空，再重新npm install一遍，就转换成功了，估计是一些模块与babel模块冲突了。