![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
babel
boss朴
这个作者很懒,什么都没留下…
展开
-
Webpack安装及其使用方式
一、什么是Webpack webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler) , 当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。 这样做的好处是,在浏览器加载页面时,不用频繁多次的向服务器请求资源,只需要请求已经打包好的bundle即可,减少了浏览器和服务器的交互次数,节省了资源并且提高了性能。 二、W原创 2020-07-22 14:27:16 · 299 阅读 · 0 评论 -
JS模块化实现方式
一、模块化简介 随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。 我们希望的是自己的代码条理清晰,可读性高,这就需要我们像书写后端代码那样,将javascript的代码模块化,通过js文件之间的互相调用来完成一定的功能。 但是,js不像java,没有类、包等概念,只是一个个单独的js文件,每一个文件都是一个独立的模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。所以想要实现模块化操作,必须经过一下两个步骤: 原创 2020-07-22 12:33:19 · 600 阅读 · 0 评论 -
转码神器Babel
一、什么是babel 首先需要了解ES6和ES5的差别: ES6比较简洁,书写起来比较方便,所以实际开发中往往使用ES6进行编程。但是ES6的浏览器兼容性不如ES5,为了能够方便编程,并且使得代码可以支持更多的浏览器。我们常常需要将ES6的代码转换成ES5。此时我们常用的技术就是Babel,它是一个被广泛使用的转码器,可以将ES6代码转为ES5代码。这意味着,现在可以用 ES6 编写程序,而不用担心浏览器环境的问题。 二、安装babel环境 此处介绍通过命令行使用babel,假设你已经安装原创 2020-07-22 10:34:28 · 151 阅读 · 0 评论