Webpack
打包工具
我要你好好的。
这个作者很懒,什么都没留下…
展开
-
webpack打包原理
1. webpack核心概念entry: 一个可执行模块或库的入口文件。chunk :多个文件组成的一个代码块,例如把一个可执行模块和它所有依赖的模块组合和一个 chunk 这体现了webpack的打包机制。loader :文件转换器,例如把es6转换为es5,scss转换为css。plugin :插件,用于扩展webpack的功能,在webpack构建生命周期的节点上加入扩展hook为webpack加入功能。2. webpack构建流程从启动webpack构建到输出结果经历了一系列过程,它转载 2020-09-07 11:17:19 · 4088 阅读 · 0 评论 -
Webpack原理—Loader和Plugin
编写 LoaderLoader就像是一个翻译员,能把源文件经过转化后输出新的结果,并且一个文件还可以链式的经过多个翻译员翻译。以处理SCSS文件为例:SCSS源代码会先交给sass-loader把SCSS转换成CSS;把sass-loader输出的CSS交给css-loader处理,找出CSS中依赖的资源、压缩CSS等;把css-loader输出的CSS交给style-loader处理,转换成通过脚本加载的JavaScript代码;可以看出以上的处理过程需要有顺序的链式执行,先sass-load转载 2020-09-07 11:01:46 · 569 阅读 · 0 评论 -
再会webpack,拨开云雾见月明
第一次用Webpack是实战Vue+Webpack打造todo应用中,当时想快速上手Vue-CLI,再加上对Vue和Webpack都不算太了解,初体验挺难受的。毕竟从无到有的接受新知识,很懵逼,再加上使用的版本号和老师的不一样,有的API改了,一路下来自己解决报错真的超崩溃。但不得不说,正是因为难受,印象才会如此深刻。通过后续的学习,以及其他知识慢慢铺开,才知道为什么要用这些包(知道一个东西有什么作用很简单,但作为学习者,我们更要知道为什么需要有这个作用的东西)。这里整理了常用的包,及其官方使用文档链接,原创 2020-05-22 02:32:03 · 126 阅读 · 0 评论