webpack轉(zhuǎn)換ES6=>ES2015

  1. npm init 將當(dāng)前文件夾變?yōu)閚pm環(huán)境,生成package.json文件
  2. npm install babel babel-core babel-loader webpack,安裝所以組件
  3. 配置webpack.config.js,代碼如下:
    var webpack =  require('webpack');
    module.export = {
        entry: {
            'app': './src/app.js'
        },
        output: {
            path: __dirname + '/output/',
            filename: '[name].bundle.js'
        },
        module: {
            loaders: [ 
                {
                    test: /\.js$/,
                    loader: 'babel-loader',
                    query: {
                        presets: ['es2015']
                    }
                }
            ]
        }
    }   
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 無(wú)意中看到zhangwnag大佬分享的webpack教程感覺(jué)受益匪淺,特此分享以備自己日后查看,也希望更多的人看到...
    小小字符閱讀 8,227評(píng)論 7 35
  • GitChat技術(shù)雜談 前言 本文較長(zhǎng),為了節(jié)省你的閱讀時(shí)間,在文前列寫(xiě)作思路如下: 什么是 webpack,它要...
    蕭玄辭閱讀 12,715評(píng)論 7 110
  • 學(xué)習(xí)流程 參考文檔:入門(mén)Webpack,看這篇就夠了Webpack for React 一. 簡(jiǎn)單使用webpac...
    Jason_Zeng閱讀 3,178評(píng)論 2 16
  • 版權(quán)聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉(zhuǎn)載。 webpack介紹和使用 一、webpack介紹 1、由來(lái) ...
    it筱竹閱讀 11,233評(píng)論 0 21
  • 曾經(jīng),我傲氣12載,在每個(gè)班級(jí)獨(dú)領(lǐng)風(fēng)騷,助長(zhǎng)班主任之風(fēng),從沒(méi)遇過(guò)多大風(fēng)浪。 是老師們的栽培,父母的寵愛(ài),讓...
    7657c6bb94a3閱讀 398評(píng)論 0 1