P11.1-Webpack介绍

举报
brucexiaogui 发表于 2021/11/26 00:23:44 2021/11/26
【摘要】 P11.1-Webpack介绍 1.概述 Webpack是vue开发过程中不可缺少的一部分,他主要是用来对开发完成的代码进行模块化打包。将打包后的文件部署到服务上,供用户使用。 2.Web...

P11.1-Webpack介绍

1.概述

Webpack是vue开发过程中不可缺少的一部分,他主要是用来对开发完成的代码进行模块化打包。将打包后的文件部署到服务上,供用户使用。

2.Webpack介绍

2.1.什么是Webpack

什么是webpack?

我们先看看官方的解释:
At its core, webpack is a static module bundler for modern JavaScript applications.
从本质上来讲,webpack是一个现代的JavaScript应用的静态模块打包工具。
我们从两个点来解释上面这句话:模块 和 打包

WebPack打包流程图
在这里插入图片描述

2.2.webpack特点

  • webpack可以帮助我们处理模块间的各种复杂关系,将webpack中的各种资源模块进行打包合并成一个或多个包(Bundle)。
  • 并且在打包的过程中,还可以对资源进行处理,比如压缩图片,将scss转成css,将ES6语法转成ES5语法,将TypeScript转成JavaScript等等操作。

文章来源: brucelong.blog.csdn.net,作者:Bruce小鬼,版权归原作者所有,如需转载,请联系作者。

原文链接:brucelong.blog.csdn.net/article/details/111032764

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。