![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端工程化
文章平均质量分 89
huxiy1995
这个作者很懒,什么都没留下…
展开
-
走进Webpack大门
什么是Webpack? 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。与webpack相似的还有gulp,那么WebPack和Grunt以及G原创 2018-01-17 20:24:26 · 275 阅读 · 0 评论 -
Babel的安装与配置
Babel其实是一个编译JavaScript的平台,它可以编译代码帮你达到以下目的: 让你能使用最新的JavaScript代码(ES6,ES7…),而不用管新标准是否被当前使用的浏览器完全支持; 接下来则开始学习安装Babel Babel其实是几个模块化的包,其核心功能位于称为babel-core的npm包中,webpack可以把其不同的包整合在一起使用,对于每一个你需要的功能或拓展原创 2018-01-17 21:13:46 · 2250 阅读 · 0 评论 -
进一步了解Webpack的强大功能
1.生成Source Maps(使调试更容易)开发总是离不开调试,方便的调试能极大的提高开发效率,不过有时候通过打包后的文件,你是不容易找到出错了的地方,对应的你写的代码的位置的,Source Maps就是来帮我们解决这个问题的。通过简单的配置,webpack就可以在打包时为我们生成的source maps,这为我们提供了一种对应编译文件和源文件的方法,使得编译后的代码可读性更高,也更容易调试。在w原创 2018-01-17 21:53:00 · 289 阅读 · 0 评论 -
Webpack插件
插件(Plugins)是用来拓展Webpack功能的,它们会在整个构建过程中生效,执行相关的任务。 Loaders和Plugins常常被弄混,但是他们其实是完全不同的东西,可以这么来说,loaders是在打包构建过程中用来处理源文件的(JSX,Scss,Less..),一次处理一个,插件并不直接操作单个文件,它直接对整个构建过程起作用。Webpack有很多内置插件,同时也有很多第三方插件,可以让我原创 2018-01-17 22:34:14 · 2077 阅读 · 0 评论