专栏首页vue学习18、webpack从0到1-结语

18、webpack从0到1-结语

大概就谈到这里了,回顾总结一下吧。 git仓库:webpack-demo

1、几点总结

  • 到这里,基本上我们对于整个webpack是干什么的,可以做些什么事情,一些基本的配置应该是搞清楚了。
  • 回顾一下前面章节的内容,大概有这么些东西。

guide

2、要求进步

  • 如果要进一步的学习,我要求进步,我们可以看vue脚手架生成项目后的关于webpack的配置,或者react脚手架生成的项目配置。
  • 先说下vue的,vue-cli3.x后生成的项目目录是无比的整洁,大大减小了小白上手的门槛,一部分原因就是它把webpack的设置都内部化处理了,只向外暴露了可以配置webpack的api,要看它的webpack设置的话,
    • 可以使用命令vue inspect > output.js让它生成一个webpack设置的映射文件,但是不太好看,
    • 第二种方案呢,就是看vue-cli2.x脚手架生成的项目,虽然也没有过时,但是总给我一种out了的感觉,这样的话,达不到紧跟潮流的目的。
  • 但是react就不同了,虽然我本人对react生态语法啊什么的也不是很熟,工作中也主要是使用vue,但是现在你去看看它的webpack配置还是没问题的,也是通过inspect命令:
    • 虽然和vue-cli3.x思想一样都默认把webpack的配置项隐藏了,项目都比较整洁,减少新手入门门槛,但是当执行命令的时候展示的是完整的webpack配置,不是像vue一样只是生成个映射文件。
    • 第二个就是reactwebpack配置有注释啊!!!!!这个就很nice了。

3、几点感想

  • 这十几篇文章还是花了我一定的时间的,希望能对你有帮助,为什么我愿意花这么多时间去做这件事呢,一方面的话是为了总结自己的知识、温故知新;另一面是因为自己想回馈的一种意愿吧,它驱使着我愿意花时间精力来分享一些自己的所思所学。
  • 我是互联网环境下成长起来的人,本科也不是读的计算机相关专业,前端知识的学习都是在网上工作中学到的,所以说我是互联网时代的受益者,一个回答,一篇解释,网上很多陌生人帮助过我,在这里希望我也能帮助到你,我觉得这是一件有意义且有价值的事情吧,有一天也许我不在前端这个领域中了,但是互联网还是会一直留下我的这些文字痕迹,影响着看到这些文字的屏幕前的你,还是挺有意思的。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 31、地址新增 — 定义数据结构与获取方式

    (1)让我们进入addressEdit.vue页面填写一条地址,ok,现在假设你已经填写完毕。 (2)这个时候我们点击保存按钮且应该为这个按钮添加一个save...

    Ewall
  • 17、webpack从0到1-构建vue项目

    Ewall
  • 用vue实现简易的音乐webApp

    1、前言 学了半个月的vue,做这个小项目也做了半个月;数据是实时抓取自QQ音乐的api接口,主要的功能实现是对网页版的qq音乐功能来做参考。 2、关于项目

    Ewall
  • 前端基础-TodoList 案例

    产品功能简洁,需求明确,所需知识点丰富;实现基本功能容易,涵盖所学基础知识;而可扩展性强,完善所有功能比较复杂,所需技术众多;在学习中,可以灵活取舍;

    cwl_java
  • SpringBoot源码学习系列之SpringMVC自动配置

    web的自动配置在SpringBoot项目中是一个很重要的方面,实现代码在spring-boot-autoconfigure工程里:

    SmileNicky
  • ASP.NET Core的配置(2):配置模型详解

    在上面一章我们以实例演示的方式介绍了几种读取配置的几种方式,其中涉及到三个重要的对象,它们分别是承载结构化配置信息的Configuration,提供原始配置源数...

    蒋金楠
  • 31、地址新增 — 定义数据结构与获取方式

    (1)让我们进入addressEdit.vue页面填写一条地址,ok,现在假设你已经填写完毕。 (2)这个时候我们点击保存按钮且应该为这个按钮添加一个save...

    Ewall
  • linux新增用户

    Java程序员也要new个对象
  • 爬虫实战:爬取当当网所有 Python 书籍

    本文主要讲解如何利用urllib、re、BeautifulSoup 这几个库去实战,爬取当当网所有 Python 书籍。

    IT派
  • java的反射机制到底是做什么的?

    通过wiki百科可知: 在计算机学中,反射(英语:reflection)是指计算机程序在运行时(runtime)可以访问、检测和修改它本身状态或行为的一种能力。...

    居士

扫码关注云+社区

领取腾讯云代金券