本文介绍了webpack使用 babel-loader 转换 ES6代码示例，分享给大家，具体如下：

查询各个 loader的使用，可以在官网上查询。https://ponents/layer/layer.js';const App = function () { console.log(layer);}new App();

layer.js代码如下

function layer(){ return{ name:'layer', tpl:'testTpl' };}export default layer;

(三）webpack.config.js代码如下

var htmlWebpackPlugin = require('html-webpack-plugin');var path = require('path');console.log(__dirname);module.exports = { entry: './src/app.js', output: { path: './dist', filename: 'js/[name]-bound.js'//生成后的文件名 为 a-2ea5b2e9b258a8bbba73.js，main-2ea5b2e9b258a8bbba73.js }, module: { loaders: [ { test: /\.js$/, loader: 'babel-loader', query: { presets: ['latest'] //按照最新的ES6语法规则去转换 } } ] }, plugins: [ new htmlWebpackPlugin({ filename: 'index.html', //通过模板生成的文件名 template: 'index.html',//模板路径 inject: 'body' //是否自动在模板文件添加 自动生成的js文件链接 }) ]};

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。