webpack在使用图形分析软件后的疑问

作者：手机用户2502853355 | 来源：互联网 | 2023-09-24 13:25

webpack对打包后文件进行可视化图形分析，看到很多modules包图一（文件目录，我只对demo1和demo2两个模块进行打包）

webpack对打包后文件进行可视化图形分析，看到很多modules包

图一（文件目录，我只对demo1和demo2两个模块进行打包）

图片描述

图二（使用图形分析软件进行打包后文件分析得出的图）

图片描述

可以看出./node_modules/目录下很多很多的js，我只是import了vue相关的生态文件，vue.js和router.js文件无可厚非肯定会当成包引入进来，但是为何有这么多其他的包（类似什么browser.js和setImmediate.js等等），也说明下我没有对打包配置进行优化，所以这些包是否也包括一些开发环境中用到的包？这么多是否正常(这些都是webpack最后能实现按需加载所依赖的包么？)

推荐阅读

go
vue使用

关键词： ... [详细]

蜡笔小新 2023-12-14 19:14:56
js
HashRouter 改为 Router 就全部空白页了。也不报错。

本文讨论了将HashRouter改为Router后，页面全部变为空白页且没有报错的问题。作者提到了在实际部署中需要在服务端进行配置以避免刷新404的问题，并分享了route/index.js中hash模式的配置。文章还提到了在vueJs项目中遇到过类似的问题。 ... [详细]

蜡笔小新 2023-12-09 10:26:51
js
VUE中引用路径的配置

在vue项目开发中经常引用JS、CSS、IMG文件。当项目较大时文件层级很多，导致路径很长，我们可以通过在bulidwebpack.base.conf.js设置简便的引用路径一、 ... [详细]

蜡笔小新 2023-10-17 22:56:05
js
从源码切入Vue双向绑定原理，并实现一个demo

本文涉及源码版本为2.6.9准备工作down一份Vue源码，从package.json入手，找我们需要的代码1、package.json中的scripts，build:nodesc ... [详细]

蜡笔小新 2023-10-16 17:16:29
js
为什么在main.js中写import不会全局生效？

本文讨论了为什么在main.js中写import不会全局生效的问题，并提供了解决方案。在每一个vue文件中都需要写import语句才能使其生效，而在main.js中写import语句则不会全局生效。本文还介绍了使用Swal和sweetalert2库的示例。 ... [详细]

蜡笔小新 2023-12-14 12:29:43
数组
网络请求模块选择——axios框架的基本使用和封装

本文介绍了选择网络请求模块axios的原因，以及axios框架的基本使用和封装方法。包括发送并发请求的演示，全局配置的设置，创建axios实例的方法，拦截器的使用，以及如何封装和请求响应劫持等内容。 ... [详细]

蜡笔小新 2023-12-12 10:16:43
js
VueCLI多页分目录打包的步骤记录

本文介绍了使用VueCLI进行多页分目录打包的步骤，包括页面目录结构、安装依赖、获取Vue CLI需要的多页对象等内容。同时还提供了自定义不同模块页面标题的方法。 ... [详细]

蜡笔小新 2023-12-11 16:14:11
window
单页面应用 VS 多页面应用的区别和适用场景

本文主要介绍了单页面应用（SPA）和多页面应用（MPA）的区别和适用场景。单页面应用只有一个主页面，所有内容都包含在主页面中，页面切换快但需要做相关的调优；多页面应用有多个独立的页面，每个页面都要加载相关资源，页面切换慢但适用于对SEO要求较高的应用。文章还提到了两者在资源加载、过渡动画、路由模式和数据传递方面的差异。 ... [详细]

蜡笔小新 2023-12-10 19:31:50
go
Vue模拟数据,实现路由进入商品详情页面的示例

一、路由首先需要配置路由，就是点击good组件进入goodDetail组件配置路由如下{path:goodDetail,component:goodDetail}同时在good组件中写入如下点击事件，路由中加入 ... [详细]

蜡笔小新 2023-10-17 20:25:16
js
webpack vue 构建的项目，npm run build后路径问题

npmrunbuild后dist文件夹下面直接浏览器打开index.html，css和js的路径都不正确。放到跟目录下就正常了，iis上同样只能在根目录下。我项目的目录如下： ... [详细]

蜡笔小新 2023-10-17 20:07:40
go
1 Vue基础

Vue基础一、什么是Vue1.1概念Vue(读音vjuː，类似于view)是一套用于构建用户界面的渐进式JavaScript框架，与其它大型框架不 ... [详细]

蜡笔小新 2023-10-17 19:45:53
数组
【珍藏】2019年最新Vue相干佳构开源项目库汇总

媒介本文的前身是源自github上的项目awesome-github-vue,但由于该项目上次更新时候为2017年6月12日，许多内容早已逾期或是许多近期优异组件未被收录，所以小肆 ... [详细]

蜡笔小新 2023-10-17 14:33:46
string
[Vue.js 3.0] Guide – Advanced Guides – Reactivity – Reactivity Fundamentals

#ReactivityFundamentals#DeclaringReactiveState ... [详细]

蜡笔小新 2023-10-16 13:19:21
go
shirovue前后端分离中模拟登录遇到的坑

系统采用jeeplus框架（ssm+redis+shiro+mongodb+redis）,默认是做了JSP未做前后端分离，由于业务需要已经多终端使用的需求（H5、小程序等） ... [详细]

蜡笔小新 2023-10-16 10:52:05
go
【前端工具】nodejs+npm+vue 安装（windows）

预备先看看这几个是干嘛的，相互的关系是啥。nodejs是语言，类比到php。npm是个包管理，类比到composer。vue是个框架&# ... [详细]

蜡笔小新 2023-10-17 20:02:12

手机用户2502853355

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章