今天接触了webpack,第一次使用webpack进行转码,竟然稀里糊涂就成功了,哈哈。
下面附上流程
创建个文件夹,初始化一下,首先全局安装webpack
然后安装babel
在当前文件夹内执行安装,然后创建两个文件夹一个src作为源文件夹,一个bin,保存生成的文件夹的列表
在src文件夹内创建一个文件app.js,里面写入现在浏览器不全支持的es6代码
c*d;
console.log(xxx(a,b));
然后在根目录创建一个文件名为webpack.config.js
然后再创建一个用于babel调用的文件,名为.babelrc
里面写入
然后在当前目录打开cmd,
运行命令 webpack
如果出现绿色的,证明成功了
然后去bin目录里面找到app.bundle.js发现里面下面会有这段代码
"use strict";
var a = 111;
var b = 222;
var xxx = function xxx(c,d) {
return c * d;
};
console.log(xxx(a,b));
证明转码成功~~~~
原文链接:https://www.f2er.com/js/39567.html