https://www.webpackjs.com/
谷歌Chrome浏览器内核是V8引擎,可以解析绝大多数的es6语法。不能够保证用户都是使用谷歌浏览器,很多老版本浏览器根本带不起来,所以要考虑兼容问题。
https://babeljs.io/
后期a.js可能有很多方法,有些并不要,所以用{}结构出a模块需要的方法
在项目的根路径里面新建一个webpack.config.js是webpack的配置文件
打开页面控制台就可以看到刚才打包的js输出的内容了
代码如下:<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gbk" />
<title>JS实现下载文件</title>
<script language=JavaScript>
function download(obj){
if(document.all.ifrm==null){
objIframe=document.createElement("IFRAME")
document.body.insertBefore(objIframe)
objIframe.outerHTML="<iframe name=ifrm style='width:0hieght:0' src="+obj.href+"></iframe>"
re=setTimeout("download()",1)
}
else{
clearTimeout(re)
files=window.open(obj.href,"ifrm")
files.document.execCommand("SaveAs")
document.all.ifrm.removeNode(true)
}}
</script>
</head>
<body >
文档列表:请点出下载<br/>
<a href="file01.doc" id="filelist" onclick="download()return false" style="cursor:hand">文件1</a> <br/>
<a href="file02.pdf" id="filelist" onclick="download()return false" style="cursor:hand">文件2</a>
</body>
</html>