Vite 与 Webpack 强强联合:Vue2 项目构建优化实践

Vite & Webpack 双剑合璧,打造高效 Vue2 开发体验

本项目融合 Vite 与 Webpack 的优势,构建高效的 Vue2 开发环境。

开发阶段 - Vite 加速

  • 利用 Vite 实现闪电般的冷启动和热更新,提升开发效率。
  • scss 变量注入及 alias 配置,简化样式开发。
  • cdn 资源引入,优化加载速度。

生产环境 - Webpack 打包

  • Webpack 打包,保证项目稳定性和兼容性。
  • resolve externals 配置,优化包体积。
  • 自定义 html 模板语法,满足个性化需求。

项目设置

  1. 安装依赖: yarn install
  2. 开发模式: npm run dev
  3. 生产构建: yarn build
  4. 代码检查: yarn lint

自定义配置

项目配置文件位于 .env 文件中,可根据需求进行调整。

zip 文件大小:18.14KB