webpack快速入门(一):安装

webpack入门系列,从安装到使用再到放弃。。。。全套的哟,呵呵

首先说明,我是一个后端开发,好几年没碰过前端了,想当年写前端的时候jq还是主流,那时的前端还单纯的像个处女一样,哪有什么构建工具、依赖管理、双向绑定什么的(起码我不知道。哈哈)

后来一直专注后端,没再接触前端,直到前段时间换公司,那公司用vue+webpack+node来作前端项目,我才知道现在的前端已经发展成了这样。(当时还是和前端的负责人说,我可以写点前端),

后来人家给我开了权限之后,一看又是配置,又是编译,又是打包,又是依赖的,我表示很无辜,这脸打的啪啪响。一脸懵逼+生无可恋,完全不知道怎么下手,而且当时问了一个自己都感觉很

白痴的问题:这个前端项目怎么启动?(我当时真的不知道)。后来就放弃了,又去专注后端去了,NO ZUO NO DIE。正好最近有点时间,学习一下,也作个记录,不能再这么丢人了。

正题:

webpack是什么?它是一个打包工具,前端的打包工具,在它之前也有过不少的前端打包工具,但是自从webpack出来后,基本大家都在用webpack了。据说原因如下:

早期的其他打包工具,无法解析项目使用到的具体依赖关系,只能依赖于配置规则来打包,这样的话,只要规则匹配不管你项目有没有真正使用,都会给你打包进去,导致打包结果比较大。

同时又打包了很多无用的依赖,如果想干掉无用的依赖,还是要人肉检索。。。但是webpack却解决了这个问题,还是据说(官网描述)它会解析你的文件生成一个依赖图,

从而只对使用到的依赖作打包。这个还是很牛逼的。

安装:

webpack的安装运行基本是依赖于node的,所以要玩webpack,要实现前端的现代化先得安装nodejs,不说node怎么装了,windows就是一路next,linux也不难

安装是通过node的npm来进行的,分两种安装方式:

本地安装:

全局安装:

官网推荐本地安装,两种方式我说一下个人理解,本地安装是针对当前项目的,安装的依赖包只对当前项目生效,好处显而易见,如果你想换某个依赖版本,升级、降级

都在当前项目操作,不会影响全局。坏处嘛,也是显而易见的,每个项目都需要下载安装依赖包,即使两个项目的依赖一毛一样也是不行滴。

全局安装的好处和坏处和本地安装恰恰相反,不多说了。都是我自己的理解,各位仁者见仁智者见智

Original: https://www.cnblogs.com/leemz-coding/p/7272347.html
Author: 框架搬运工
Title: webpack快速入门(一):安装

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/621834/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • Java中使用java.awt.geom.Point2D进行坐标相关的计算(距离、平方等)

    在Java中需要对坐标点进行一些计算和判断。 比如计算两点之间的距离、距离的平方、两点是否相等、坐标赋值、克隆等。 可以使用Java自带的java.awt.Point2D的相关AP…

    Java 2023年5月29日
    064
  • Kafka 消费者解析

    一、消费者相关概念 1.1 消费组&消费者 消费者: 消费者从订阅的主题消费消息,消费消息的偏移量保存在Kafka的名字是 __consumer_offsets的主题中 消…

    Java 2023年6月5日
    061
  • json中有List集合时,转换List集合内元素的时间格式

    工作写时间格式转换时遇到java报 could not be parsed at index 5的错误,通过百度后得到以下解决方案。 Model实体内属性timeTamp加上注解@…

    Java 2023年6月6日
    060
  • Elasticsearch学习

    1 Elasticsearch 概述 Elaticsearch,简称为 ES,ES 是一个开源的高扩展的分布式全文搜索引擎,是整个 Elastic Stack 技术栈的核心。它可以…

    Java 2023年6月5日
    092
  • 让工作事半功倍的常用思考框架及关于方法论的思考

    我们真正需要的不是方法论,而是明察秋毫、洞若观火的观察力和感受力。 基本原理 结构化分析法则:从事物或活动中抽取要素及关联,围绕要素和关联构成骨架结构,填充血肉,呈现内容。 多维度…

    Java 2023年6月9日
    067
  • [javaweb]过滤器处理乱码

    过滤器 有一些信息不应该被处理,要被过滤的。 1.导包 javax.servlet.jsp.jstl jstl-api 1.2 taglibs standard 1.1.2 jav…

    Java 2023年6月6日
    083
  • java循环结构

    一. If语句的格式及其执行流程(3种) if(关系表达式) { 语句体 执行流程: 首先判断关系表达式看其结果是true还是false 如果是true就执行语句体 如果是fals…

    Java 2023年6月5日
    046
  • Discuz论坛 自动加好友留言程序

    这次不同,想要在论坛发消息首先是要登录的,所以必须要一个账号,接着是让爬虫登录,这是最重要的一个步骤,登录后获取Cookie存储,在加好友发消息的时候都要用到Cookie。 在开发…

    Java 2023年6月9日
    066
  • Java 8 Lambda表达式介绍(二)

    接着上篇内容 函数式编程接口 从上面的代码例子可以看出,我们使用Lambda表达式创建线程的时候, 并不关心接口名,方法名,参数名。我们 只关注他的参数类型,参数个数,返回值。 J…

    Java 2023年5月29日
    060
  • 六、面向对象编程

    一、什么是类?什么是对象? 类:具有共同特征的描述 对象:真实存在的具体事例 二、对象的内存图: 两个变量指向同一个对象内存图 三、构造器 就是无参构造方法和有参构造方法 四、th…

    Java 2023年6月6日
    082
  • Tomcat和Nginx的区别

    Tomcat和Nginx的区别 1、从应用方面 tomcat一般是做动态解析才会用得到,支持jsp的解析,需要配置JDK支持。 nginx,则一般是做静态,本身不具备动态解析功能,…

    Java 2023年6月15日
    063
  • 架构设计理念&模型

    理念 今天我们还需要关注 DDD 吗?https://www.infoq.cn/article/should-we-focus-on-ddd 事件风暴:https://en.wik…

    Java 2023年6月16日
    069
  • Java并发编程 | 从进程、线程到并发问题实例解决

    计划写几篇文章讲述下Java并发编程,帮助一些初学者成体系的理解并发编程并实际使用,而不只是碎片化的了解一些Synchronized、ReentrantLock等技术点。在讲述的过…

    Java 2023年6月15日
    069
  • Day11

    package com.oop.demo02;//学生类public class Student { //属性:字段 String name; int age; //方法 publ…

    Java 2023年6月5日
    071
  • 低版本spring-cloud-sleuth的TraceableExecutorService一个坑,注意绕行

    我们知道Java 线程池提交任务有两种: 1,submit 会抛出异常,会有异常日志 2,execute 没有抛出异常,需要执行返回值Future的get方法触发抛出异常 exec…

    Java 2023年6月14日
    098
  • Restful风格

    Restful 1.REST架构的主要原则 1.1 对网络上所有的资源都有一个资源标志符 1.2 对资源的操作不会改变标识符 1.3 同一资源有多种表现形式(xml、json)、 …

    Java 2023年6月14日
    085
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球