亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

webpack.config.js中使用ES6語法

 es5向es6迁移

前段时间使用es6习惯了,但是忽然回过头来发现自己的webpack.config.js依旧还在使用require,module.exports,觉得特别别扭,就去网上查阅相关资料。很明显,答案一大片,总结起来就是三点。

 第一、把webpack.config.js改名为webpack.config.babel.js。

 第二、把增加一个.babelrc的文件,里面写上{ "presets": ["es2015"]}。

 第三、在package.json文件中加上  

"devDependencies": {

        "babel-core": "^6.3.26",
        "babel-loader": "^6.2.0",
        "babel-preset-es2015": "^6.24.1"

}

然后运行下npm install 一切都搞定。但是,出问题了!
import path from 'path';
^^^^^^
SyntaxError: Unexpected token import

报错了,诶,别人都好好的,为啥我就不行了呢??很明显,这不科学啊。找资料,看文档,半天也没发现个所以然。然后在一个回答中,发现了这么一行
"webpack": "^1.12.9";一看自己webpack版本2.0以上,可能是这一个问题。果断加上一试,真行了。这是什么原因?到目前为止我还在研究中,不过到底是把问题先解决了。有记过我会在评论中给出,写这篇文章的目的是给遇到同样问题的朋友一个解决方案。目前的结论是,webpack2.0以上,不能这样实现在webpack.config.js中书写es6语法。

感兴趣的同学可以自己动手去试试~

點擊查看更多內容
3人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
9109
獲贊與收藏
2572

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消