初始Webpack——下载&打包js文件

JavaScript011

初始Webpack——下载&打包js文件,第1张

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>