Vuewebpack的下载使用狂神
把ES6的规范打包成ES5让所有浏览器都能运行
ES6-ES5
hello.js
-
//暴露一个方法
-
exports.sayHi=function(){
-
document.write("<h1>狂神说ES6</h1>")
-
};
-
-
exports.sayHi2=function(){
-
document.write("<h1>狂神说ES6</h1>")
-
};
-
-
exports.sayHi3=function(){
-
document.write("<h1>狂神说ES6</h1>")
-
};
-
mian.js:
-
//引入一个方法
-
var hello= require("./hello");
-
hello.sayHi();
webpack-config.js:
-
//导出
-
module.exports={
-
entry:'./modules/main.js',
-
output:{
-
filename:"./js/bundle.js"
-
}
-
};
在控制台输入进行打包:webpack
打包完之后:多了文件夹和文件
把上面main.js写的ES6的require进行降级了成ES5,你定义的代码打包后就可以用了
创建一个index.html,使用刚打包完的js文件
index.xml:
-
-
<html lang="en">
-
<head>
-
<meta charset="UTF-8">
-
<title>Title</title>
-
</head>
-
<body>
-
<!--前端的模块化开发-->
-
<script src="dist/js/bundle.js"></script>
-
-
</body>
-
</html>
点击:谷歌浏览器:
vue只有一个主入口,因为前端工程话之后,不需要那么过页面了,它是一个一个js组件,一个一个vue组件,组件一拼,前端一引,,这就是模块化开发,前端高js就好了。vue就是js框架它去写模块
webpack就是一个打包工具,打包选择打包入口,自动把入口里面它所需要的所有东西都通过它的方式打包起来
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgbfabe
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01