关闭

gulp 报"import gulp from 'gulp'"的错解决方案

3479人阅读 评论(0) 收藏 举报
分类:
在执行gulp serve时
gulp serve 

当前的node版本不支持es6新语法
所以需要一个编译转换器----babel

Babel是一个转换编译器,它能将ES6转换成可以在浏览器中运行的代码。


第一步:如果在package.json中增加一个

第二步:新建一个文件.babelrc

把下面这段文本添加到.babelrc文件中去

{
  "env": {
    "production": {
      "plugins": ["transform-react-constant-elements"]
    }
  }
}


第三步:查看node_modules文件夹中是带有babel文件夹,如果有就删除掉它

 

第四步:执行

npm install 


最后执行 gulp server 就可以正常启动了。希望能帮助到你。

1
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Gulpfile.js 详解

// generated on 2017-04-19 using generator-webapp 2.4.1 const gulp = require('gulp'); const gulpLoadPlugins = require('gulp-load-plugins&#...
  • SeekerTime
  • SeekerTime
  • 2017-04-21 15:55
  • 610

学习安装gulp前端自动化工具步骤流程

首先,安装所需要的插件 yo  bower gulp三个工具    npm install -g yo bower gulp再次,安装gulp所需要的generator-gulp-webapp,这个和grunt的有个区别就多了一个gulp标识 npm install -...
  • itpinpai
  • itpinpai
  • 2015-11-11 16:51
  • 4478

gulp前端构建工具知识点及深析,弄懂gulpfile.babel.js的每行代码

gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。 1、gulp的安装 首先确保你...
  • yummy_go
  • yummy_go
  • 2016-04-13 18:14
  • 6356

gulp使用经验谈…各种坑

为何要用构建工具? 一句话:自动化。对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你正确配置好了任务,任务运行器就会自动帮你或你的小组完成大部分无聊的工作。 上面这段话摘自grunt官网翻译,解释了为何...
  • kaosini
  • kaosini
  • 2016-01-29 11:35
  • 4517

nodejs下用es6编程babel和gulp的配合应用

nodejs下用es6编程babel和gulp的配合应用,babel6转换, babel-preset-es2015,babel-preset-stage-0,presets:es2015
  • ling369523246
  • ling369523246
  • 2017-02-05 23:09
  • 1574

前端构建工具、browserify、gulp的组合使用及尝试感言

前言前端的技术发展真的快,好了,废话不多说,先说说使用browserify及gulp配合构建的例子以及个人认为的缺陷。 后面会将这个项目的构建工具以及demo源代码发出来的。。。但是但是但是,browserify+gulp还是没能解决开发和在客户端部分加载的问题,也没办法打包成为多个文件,然后像s...
  • cdnight
  • cdnight
  • 2016-10-14 17:29
  • 1801

Gulp的配置文件gulpfile.babel.js

// generated on 2016-06-03 using generator-gulp-webapp 1.1.1 import gulp from 'gulp'; import gulpLoadPlugins from 'gulp-load-plugins';...
  • itpinpai
  • itpinpai
  • 2016-10-20 14:13
  • 2224

gulp使用小结(一)

这篇文章不会介绍 gulp 的起源、发展;不会去一个个讲解 gulp API;也不想出现大段大段的 gulpfile.js 代码;更木有帮你分析 gulp 实现原理,只有一些我自己对 gulp 的使用理解和...
  • Gavid0124
  • Gavid0124
  • 2016-12-26 15:08
  • 375

Gulp混淆压缩代码

这是一个使用Ionic创建的AngularJS单页面应用的代码混淆压缩, 仅供参考 包含以下功能: 1. js压缩 2. html压缩 3. 图片压缩 4. css, sass文件压缩及监听 完整的gulpfile.js如下 var gulp = require('gu...
  • jeffyin_wh
  • jeffyin_wh
  • 2015-12-18 11:47
  • 7829

前端自动化:谈谈grunt和gulp的区别

自nodeJS登上前端舞台,自动化构建变得越来越流行。目前最流行的当属grunt和gulp,这两个光看名字挺像,功能也差不多,不过gulp能在grunt这位大哥如日中天的境况下开辟出自己的一片天地,有着她独到的优点。 易用 Gulp相比Grunt更简洁,而且遵循代码优于配置策略,维护Gulp更...
  • u011413061
  • u011413061
  • 2015-09-30 23:16
  • 16925
    个人资料
    • 访问:959537次
    • 积分:11564
    • 等级:
    • 排名:第1531名
    • 原创:286篇
    • 转载:75篇
    • 译文:2篇
    • 评论:168条
    博客专栏
    最新评论