import{_ as e,o as a,c as t,V as i}from"./chunks/framework.b31a4d00.js";const m=JSON.parse('{"title":"Vite 和 Webpack 双构建","description":"","frontmatter":{},"headers":[],"relativePath":"guide/builder.md"}'),r={name:"guide/builder.md"},l=i('

Vite 和 Webpack 双构建 ​

Fes.js@3.0.x 版本支持 Vite 和 Webpack 两种构建方式，不再内置构建方式，需要开发者自行选择:

使用差异 ​

由于 Fes.js 在 Vite 和 Webpack 上做了一层封装，开发者关心的构建配置不会太多。从使用上来说，主要存在以下几个差异点：

配置 ​

Webpack 和 Vite 构建在配置方面有一些差异，具体可以查看配置。

静态文件处理 ​

由于 Vite 的限制，不支持 require 语法，具体 Vite 的用法可以查看官网

html 模版 ​

html 模版比较常规的需求，例如模版变量，Webpack 和 Vite 之间没什么差异。如果有其他特殊的需求， Webpack 可以使用 html-webpack-plugin，Vite 使用vite-plugin-html 进行个性化配置。

TIP

fes3.0+ html 模版文件从 public/index.html 挪到项目根目录。

',12),c=[l];function o(s,n,h,p,d,b){return a(),t("div",null,c)}const _=e(r,[["render",o]]);export{m as __pageData,_ as default};