zoukankan html css js c++ java

webpack es6支持配置

Install Babel and the presets:

 npm install --save-dev babel-core babel-preset-es2015

Install babel-loader:
```
 npm install --save-dev babel-loader
```
Configure Babel to use these presets by adding .babelrc
```
 { "presets": [ "es2015" ] }
```

Modify webpack.config.js to process all .js files using babel-loader.

 module.exports = {
     entry: './src/app.js',
     output: {
         path: './bin',
         filename: 'app.bundle.js',
     },
     module: {
         loaders: [{
             test: /.js$/,
             exclude: /node_modules/,
             loader: 'babel-loader',
         }]
     }
 }

We are excluding node_modules here because otherwise all external libraries will also go through Babel, slowing down compilation.

Install the libraries you want to use (in this example, jQuery):
```
 npm install --save jquery babel-polyfill
```
We are using --save instead of --save-dev this time, as these libraries will be used in runtime. We also usebabel-polyfill so that ES2015 APIs are available in older browsers.

Edit src/app.js:

 import 'babel-polyfill';
 import cats from './cats';
 import $ from 'jquery';

 $('<h1>Cats</h1>').appendTo('body');
 const ul = $('<ul></ul>').appendTo('body');
 for (const cat of cats) {
     $('<li></li>').text(cat).appendTo(ul);
 }

Bundle the modules using webpack:
```
 webpack
```

Add index.html so this app can be run:

 <!DOCTYPE html><body>
 <script src="bin/app.bundle.js"></script>

查看全文

相关阅读:
[转载]苹果推送通知服务
 Lovekey
大数阶乘的位数
 大明A+B
大数取余
 A+Bcoming
大数取余（C++）
验证角谷猜想
 麦森数(转)
大数阶乘的位数（C++）

原文地址：https://www.cnblogs.com/rongfengliang/p/5585674.html