jQueryのWebpackから開始

Question

私たちのチームでは、ES6に移行したいと考えています。私たちはjQueryと多くのプラグイン、interactjsのような純粋なjavascriptを使っていますが、他のものはjQueryに完全に適応しています。

私は、ES6（クラス、矢印関数など）の利点を取りたいと思っていますが、私はどのように起動するのか分かりません。

私はドキュメントを読んだことがありますが、プラグイン、jQuery（React、Babelについては読んでいますが、私の場合は何も読んでいません）から始める方法がわかりません。

ありがとうございます！

Answer 1

あなたは現在のjsアセットを取得し、それらをバベルローダーでバンドルする簡単なウェブパックの設定から始めることができます。 webpack、babel-loader、babel-coreおよびbabel-preset-es2015をnpmでインストールします。

webpack.config.js

var path = require('path'); 
var webpack = require('webpack'); 

module.exports = { 
    entry: './main.js', 
    output: { path: __dirname, filename: 'bundle.js' }, 
    module: { 
    loaders: [ 
     { 
     test: /.jsx?$/, 
     loader: 'babel-loader', 
     exclude: /node_modules/, 
     query: { 
      presets: ['es2015'] 
     } 
     } 
    ] 
    }, 
}; 

あなたは複数のエントリポイントを指定することができます。これで十分です。次のステップあなたは、最適なビルドサイズのフォントや画像

バンドルCSS/SCSSよう

バンドル資産をUglifyJSプラグインで開発し、ホットモジュール交換

プロダクションの設定のための

1. のWebPACK-devのサーバーを追加することができますポストプロセッサ（例えばautoprefixer）

とドキュメントは最高のプラグイン、設定、CLIフラグを選択する方法については大きな助け、などになります