微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Webpack教程

Webpack

我们平时写好的前端代码要部署到服务器上进行测试,这个时候就需要打包工具,这就是webpack。Webpack 是一个前端资源加载/打包工具

那为什么要打包呢??????

因为我们平时开发的代码是我们自己写的,同时也具有可观性,这是开发环境。但是如果要运行它,那么可观不可观就完全不重要了,重要的只有速度,因此需要用webpack将开发环境代码转换成运行环境代码从而提升运行速度。

webpack就是要找出代码模块之间的依赖关系,按照一定的规则把这些模块组织合并为一个JavaScript文件

在这里插入图片描述

但是将所有的模块全部合并到一个JS文件里面,这个JS文件将会非常庞大,因此我们就需要利用一些规则来打破这种局限。

快速入门

1、安装Node

首先需要了解webpack的安装与使用,webpack依赖于Nodejs,因此需要安装node在电脑上才可以使用webpack。

2、安装webpack-cli

webpack-cli是命令行工具包,也是一种脚手架,简单来说,我们要在命令行里面使用webpack就需要webpack-cli。

3、安装webpack

webpack是webpack核心包

需要处理的问题

举个

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐