码迷,mamicode.com
首页 > Web开发 > 详细

vue-webpack

时间:2020-04-12 00:02:13      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:准备   闭包   准备工作   问题:   ima   htm   image   http   mic   

 

为什么要前端模块化

变量重名

技术图片

 

 index.html里a.js和c.js的顺序不同,结果就不同

匿名函数(闭包)解决重名问题

 

 技术图片

 

 这又会导致一个问题:外界不能访问a.js的share变量了

技术图片

 

 解决办法

技术图片

 这就是模块化的思想(导出导入模块),现在衍生出好多模块化规范,我们不需要自己这样写了

常见的模块化规范(导出导入)

CommonJs

技术图片

需要底层支撑,node就可以支撑这种语法

ES6的模块化规范

技术图片

技术图片

 

 技术图片导入所有变量

 

 

 type=‘module‘声明这是一个独立的模块,

安装

技术图片

准备工作

技术图片

 

第二个命令是将./src/main.js以及其依赖的js以及依赖的js依赖的js等等打包到一个budle.js里,然后引入这一个js就够了

 技术图片

 

 优化

 

vue-webpack

标签:准备   闭包   准备工作   问题:   ima   htm   image   http   mic   

原文地址:https://www.cnblogs.com/t1314/p/12682700.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!