詳解webpack es6 to es5支持配置
更新時間：2017年05月04日 10:24:32 作者：三寸蠟筆
這篇文章主要介紹了詳解webpack es6 to es5支持配置 ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
1. 安裝webpack
npm install webpack --save-dev
2. 安裝babel 實現(xiàn) ES6 到 ES5
npm install --save-dev babel-core babel-preset-es2015
3.安裝 babel-loader
npm install --save-dev babel-loader
webpack.config.js完整配置
module.exports = {
entry: './src/js/app.js',
output: {
path: './dest',
filename: 'app.bundle.js',
},
module: {
loaders: [{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
}]
},
babel: {
presets: ['es2015']
},
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
parse是解析json數(shù)據(jù)多種方法中的其中一種。這篇文章主要介紹了js中json處理總結(jié)之JSON.parse,需要的朋友可以參考下2016-10-10
JS獲取浮動(float)元素的style.left值為空的快速解決辦法
這篇文章主要介紹了JS獲取浮動(float)元素的style.left值為空的快速解決辦法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
JS繪圖Flot如何實現(xiàn)動態(tài)可刷新曲線圖
這篇文章主要介紹了JS繪圖Flot如何實現(xiàn)動態(tài)可刷新曲線圖,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-10-10
這篇文章主要為大家介紹了前端Token?組成及生成方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04![實例分析Array.from(arr)與[...arr]到底有何不同](http://img.jbzj.com/images/xgimg/bcimg4.png)
實例分析Array.from(arr)與[...arr]到底有何不同
這篇文章通過實例主要給大家分析介紹了關(guān)于Array.from(arr)與[...arr]到底有何不同的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
JavaScript——DOM操作——Window.document對象詳解
下面小編就為大家?guī)硪黄狫avaScript——DOM操作——Window.document對象詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要介紹了js實現(xiàn)簡潔的TAB滑動門效果代碼,通過簡單的JavaScript自定義函數(shù)動態(tài)遍歷頁面元素實現(xiàn)tab滑動切換的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
JavaScript中new操作符的原理與實現(xiàn)詳解
你知道new嗎？你知道new的實現(xiàn)原理嗎？你能手寫new方法嗎？不要擔心，這篇文件就來帶大家深入了解一下JavaScript中的new操作符，感興趣的小伙伴可以學(xué)習(xí)一下2022-10-10
差點被FF下的insertRule給帶暈了. sheet.insertRule("@import url('aa.css');",sheet.cssRules.length);2008-07-07
本來應(yīng)該是第二章，接口，但因為閉包實在不懂，所以先看看閉包2010-05-05