WebpackbabelES6转ES5

npm install -D &＃64;babel/core &＃64;babel/preset-env &＃64;babel/plugin-transform-runtime &＃64;babel/polyfill babel-loader

创建.babelrc文件

命令行方式创建输入&＃xff1a;type nul>.babelrc

{"presets": [["&＃64;babel/preset-env", {"useBuiltIns": "usage","modules": false}]],"plugins": [["&＃64;babel/plugin-transform-runtime", {"corejs": false,"helpers": false,"regenerator": false,"useESModules": false}]],"comments": false
}

添加module 

yarn add clone -D

webpack.config.js配置 babel-loader

let path &＃61; require(&＃39;path&＃39;);
let HtmlWebpackPlugin &＃61; require(&＃39;html-webpack-plugin&＃39;);
module.exports&＃61; {mode:&＃39;development&＃39;,//production developmententry:&＃39;./src/index.js&＃39;,//入口output:{filename:&＃39;bundle.[hash:8].js&＃39;,//打包后的文件名path:path.resolve(__dirname,&＃39;dist&＃39;)},devServer:{port:8090,progress:true,contentBase:&＃39;./dist&＃39;},plugins:[new HtmlWebpackPlugin({template:&＃39;./src/index.html&＃39;,filename:&＃39;index.html&＃39;,minify:{removeAttributeQuotes:true,//删除属性双引号collapseWhitespace:true,//html折叠一行minifyJS: true,//压缩HTML中JSminifyCSS: true//压缩HTML中CSS},hash:true//生成hash戳})],module: {rules: [ // 定义css规则,use从下往上顺序执行{test: /\.css$/, // 正则匹配要识别的cssuse: [{loader: &＃39;style-loader&＃39; // 使用style-loader进行处理&＃xff0c;位置必须在css-loader前面},{loader: &＃39;css-loader&＃39; // 使用css-loader进行处理}]//use:[&＃39;style-loader&＃39;,&＃39;css-loader&＃39;] // 此处也可以这样写},{test:/\.less$/,use: [{loader: &＃39;style-loader&＃39; // 使用style-loader进行处理&＃xff0c;位置必须在css-loader前面},{loader: &＃39;css-loader&＃39; // 使用css-loader进行处理},{loader: &＃39;less-loader&＃39; //less ——> css}]},{test: /\.js$/,include: [path.resolve(__dirname, &＃39;src&＃39;)],exclude: /(node_modules|bower_components)/,loader: "babel-loader",}]}}

Superstr-1.0.js

function Superstr(){}
Superstr.prototype.version&＃61;&＃39;1.0&＃39;;
Superstr.prototype.jsonHttpRequest&＃61;{/***请求JSON格式数据*&＃64;param:method 请求方式&＃xff0c;标准的GET、POST&＃xff08;_method&＃61;PUT&＃xff09;*&＃64;param:url 请求地址URL*&＃64;param:asyn 是否异步请求*&＃64;param:callback 请求成功执行的回调函数*&＃64;data:请求参数*/request: function(method,url,asyn,callback,data) {var param &＃61; null;var temp &＃61; &＃39;superstr_timestamp&＃61;&＃39; &＃43; new Date().getTime();if(data) {for(var key in data) {temp &＃61; temp &＃43; &＃39;&&＃39; &＃43; key &＃43; &＃39;&＃61;&＃39; &＃43; data[key]; }}if(method.toLocaleUpperCase()&＃61;&＃61;&＃39;POST&＃39;) {param &＃61; temp;} else {method &＃61; &＃39;GET&＃39;;if(url.indexOf(&＃39;?&＃39;)>-1) {url &＃61; url &＃43; &＃39;&&＃39; &＃43; temp;} else {url &＃61; url &＃43; &＃39;?&＃39; &＃43; temp;}}var xhr &＃61; new XMLHttpRequest();//创建Http请求对象xhr.onreadystatechange&＃61;function() {if(xhr.readyState&＃61;&＃61;4&&xhr.status&＃61;&＃61;200) {callback(JSON.parse(xhr.responseText));} else if(xhr.readyState&＃61;&＃61;4){alert("———请求异常———"&＃43;"\n"&＃43;"请求地址(url)&＃xff1a;"&＃43;url&＃43;"\n"&＃43;"请求方式(method)&＃xff1a;"&＃43;method&＃43;"\n"&＃43;"状态码(status)&＃xff1a;"&＃43;xhr.status&＃43;"\n"&＃43;"异步(asyn)&＃xff1a;"&＃43;asyn);}}xhr.open(method,url,asyn);//true&＃xff1a;异步 false&＃xff1a;同步xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");xhr.send(param);}
}
Superstr.prototype.arrays&＃61;{/***移除数组中重复的对象*&＃64;param:arr 数组*&＃64;param:property 数组中对象的属性名称*&＃64;return:array 处理后的数组*/only: function(arr, property) {let hash &＃61; {}var array &＃61; arr.reduce((item, next) &＃61;> {if (!hash[next[property]]) {hash[next[property]] &＃61; true;item.push(next);}return item;}, [])return array;},/***过滤数组中的对象*&＃64;param:arr 数组*&＃64;param:property 数组中对象的属性名称*&＃64;param:value 数组中对象属性的值*&＃64;return:array 处理后的数组*/remove: function(arr,property,value) {var array &＃61; arr.filter((obj) &＃61;> {return obj[property] !&＃61; value} )return array;},/** *数组冒泡排序*&＃64;param:arr 数组*&＃64;param:property 数组中对象的属性名称*/bubbleSort: function(arr, property) {var array &＃61; arr,temp;for(var i&＃61;0; iarr[j][property]) {temp&＃61;arr[i];arr[i]&＃61;arr[j];arr[j]&＃61;temp;}}}return array;}
}
Superstr.prototype.classNames&＃61;{names: {draggable:"draggable"},/***添加拖拽效果&＃xff0c;对象互换*&＃64;descriptions&＃xff1a;在添加效果之前需要保证对象可拖动&＃xff08;draggable&＃61;"true"&＃xff09;*/draggable: function() {var className &＃61; this.names.draggable;var obj &＃61; null;//拖动的对象window.onload&＃61;function() {var elements &＃61; document.getElementsByClassName(className);for(var n&＃61;0;n}
var _ &＃61; new Superstr();

index.js 导入 Superstr-1.0.js

import &＃39;./Superstr-1.0.js&＃39;;

执行打包命令

npx webpack

发现打包后的代码中已经没有 &＃61;>箭头函数了