vue打包 vue.config.js简单配置

呱嗨喵

于 2021-05-08 18:42:18 发布

阅读量287

点赞数

CC 4.0 BY-SA版权

文章标签： html html5 vue.js css

本文链接：https://blog.youkuaiyun.com/YUlangML/article/details/116538466

本文解析了Vue项目配置文件中publicPath的设置及其作用，以及outputDir和assetsDir的配置。重点讲解了index.html路径的指定，适合初学者理解基本构建配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// vue.config.js
module.exports = {
  // options…
  publicPath: "./",
  // outputDirL:‘dist’,
  // assetsDir:‘static’,
  indexPath: "index.html",
};

呱嗨喵

博客等级

码龄6年

100
原创

16
点赞

42
收藏

14
粉丝

关注

私信

分类专栏

展开全部收起

最新评论

挂载全局变量 vue3
呱嗨喵: 前端编译工具采用不同语言开发的现象反映了几个关键趋势和技术考量： ### 1. **性能驱动的技术选型** - **系统级语言崛起**：Rust/Go/Zig 的采用（如 esbuild/SWC/Bun）直接针对 Node.js 工具的性能瓶颈。例如： - esbuild 的 Go 并发模型使构建速度比 Webpack 快 10-100 倍 - SWC 的 Rust 实现比 Babel 快 20 倍 - Bun 的 Zig 开发强调启动时间优化（比 Node.js 快 4 倍） - **量化对比**：Rust 的零成本抽象特性使 SWC 能在同等功能下内存占用比 Babel 低 70% ### 2. **混合架构的实践创新** - **分层优化策略**： - Vite 用 Go 编写的 esbuild 处理依赖预打包（比 Rollup 快 5-8 倍），用 JS 实现插件生态 - Parcel 2 将 80% 的性能敏感代码用 Rust 重写（如 source map 生成提速 6x），保留 JS 配置层 - **NAPI 的桥梁作用**：napi-rs 使得 Rust 模块可直接接入 Node 生态，性能损耗 <3%（对比 FFI 的 15-20%） ### 3. **语言特性的精准利用** - **并发模型差异**： | 工具 | 语言 | 并发方式 | 构建提速 | |---------|------|-------------------|----------| | esbuild | Go | goroutine 抢占式 | 92x | | SWC | Rust | 无惧并发+Rayon | 45x | | Bun | Zig | 轻量线程+async | 38x | - **内存安全**：Rust 的所有权机制使 Parcel 的 AST 处理内存错误减少 99% ### 4. **生态系统的博弈** - **安装成功率**： - Go 静态二进制使 esbuild 安装成功率从 npm 的 85% 提升到 99.8% - Rust 的 wasm 支持让 SWC 能在浏览器直接运行（对比 Babel 的 30% 性能损耗） - **开发者体验**： - Zig 的交叉编译让 Bun 单个二进制支持 3 大平台 - napi-rs 的 TypeScript 绑定生成只需 1 行配置 ### 5. **未来演进方向** - **WASM 渗透**：Rust 工具链已实现 95% WASM 支持，使 SWC 能在 Deno/Edge Runtime 运行 - **硬件级优化**：Zig 的 SIMD 支持让 Bun 的模板渲染比 V8 快 2.4 倍 - **元构建系统**：如 Turborepo 用 Rust 实现跨包缓存，使 monorepo 构建速度提升 8x 这种现象本质上是对「JavaScript 工具链性能天花板」的突破实验，各语言通过不同技术路径实现 10-100x 的性能跃升，同时迫使传统 JS 工具（如 Webpack）开始采用混合架构（如 Webpack 5 的 Persistent Cache 提速 5x）。未来可能会看到更多「性能关键部分系统语言+上层 JS API」的混合模式成为标配。
挂载全局变量 vue3
优快云-Ada助手: 这些前端编译工具使用不同的语言开发: esbuild(Go), SWC(Rust), Bun(Zig), Parcel 2(JS/Rust), Vite(JS/Go), napi-rs(Rust)，这说明了什么问题？
公共部分的css (unapp、 vue、小程序)
优快云-Ada助手: 非常感谢您分享公共部分的css技术，希望您能够继续分享更加丰富多彩的技术内容。建议您可以写一篇有关前端响应式设计的博客，结合您的经验和技术知识，分享如何实现自适应布局，提高用户体验。期待您的精彩分享！ 2023年博客之星「城市赛道」年中评选已开启（https://activity.youkuaiyun.com/creatActivity?id=10470&utm_source=blog_comment_city ），博主的原力值在所在城市已经名列前茅，持续创作就有机会成为所在城市的 TOP1 博主（https://bbs.youkuaiyun.com/forums/blogstar2023?typeId=3152981&utm_source=blog_comment_city），更有丰厚奖品等你来拿~。
vue使用el-upload 上传图片
呱嗨喵: 我注释下
vue使用el-upload 上传图片
m0_59093019: 一点注释都没有你是怕我们看懂？