webpack构建过程
摘要：在 Webpack 的打包流程中，模块构建阶段和编译阶段的确是两个不同的概念，它们有各自的独立任务和作用。让我重新整理并澄清每个阶段的职责，特别是它们与 loader 和模块依赖图的关系。 Webpack 打包流程的澄清： 初始化阶段（Initialization） 编译阶段（Compilation
阅读全文
posted @ 2025-02-23 16:09
随笔分类 - 构建项目及打包工具
vite 自定义打包资源输出至指定文件夹
摘要：1.vite打包情况介绍： 1.1vite在不进行任何配置的情况下，会将除开public的所有引用到资源打包编译添加哈希值至assets文件夹中（非引用文件以及行内样式图片未被打包编译资源会被treeSharp直接忽略不打包）， 1.2webpack与vite打包区别： 1.2.1vite会将所有J
阅读全文
posted @ 2023-09-22 17:10
vite启动项目配置地址为局域网地址
摘要：1.本地地址： 127.0.0.1 是本机回环测试地址， 发送的数据不经过网卡，对应着localhost地址，该地址同局域网的其他电脑无法访问到。2.局域网地址： 192.168.1.1 是路由器分配给你的地址。比如大家平常在宿舍几个人用路由器上网的情况，同局域网内的其他电脑能够访问得到该地址。 3
阅读全文
posted @ 2023-09-21 17:24
vite打包上线后，部分图片无法显示
摘要：1.情况：使用vite打包后，上线时部分图片展示不了。 1.1使用css引用的图片能够正常展示，能够打包进dist文件中assets中，查看浏览器中引用路径为assets中的图片，如此引用的图片不需经过特别处理，不管是放在static或者public的文件夹中都可以，都能够自动打包进dist中的as
阅读全文
posted @ 2023-09-19 17:13
搞清webpack、vite、vue-cli、create-vue的区别
摘要：1.要区分脚手架、构建项目、打包代码的概念 1.1脚手架：创建项目，选择性安装需要的插件，指定统一的风格，生成demo。（vue-cli和create-vue是由vue提供的脚手架，创建项目时提供选择是否要安装某些插件，最后会生成统一的项目结构和文件，@vue-cli3以上和create-vue是基
阅读全文
posted @ 2022-12-14 10:25
