如何将 “Vite” “lit-ts” 项目构建成静态网站。

huangapple go评论74阅读模式
英文:

how to build and "Vite" "lit-ts" project as a static website

问题

我使用 Vite Lit Element Typescript 创建了一个项目。开发服务器正常工作。但是当我运行 npm run build 时,它只会将编译后的 js 文件输出到 /dist 文件夹中,没有生成 html 和 css 文件。

那么,我该如何获得完整的静态文件,就像在 ReactJs 中一样。

示例 Vite 项目 链接
Vite 指南

英文:

I created a project using Vite Lit Element Typescript. development server is working fine.
however when I run npm run build .It only out put complied js file to /dist folder No html and css files.

So how can I get the full static files. just like we get in ReactJs.

sample Vite project link
vite guide

答案1

得分: 1

这是因为 Vite 的 lit-ts 模板具有构建 库模式 的配置:

export default defineConfig({
  build: {
    lib: {
      entry: 'src/my-element.ts',
      formats: ['es'],
    },
    rollupOptions: {
      external: /^lit/,
    },
  },
})

您可以移除该配置,构建命令将生成所有资产到 /dist 目录。

export default {}
英文:

That is because the lit-ts template for vite has a config that's building for library mode:

export default defineConfig({
  build: {
    lib: {
      entry: 'src/my-element.ts',
      formats: ['es'],
    },
    rollupOptions: {
      external: /^lit/,
    },
  },
})

You can remove that config and the build command will produce all the assets in /dist directory.

export default {}

huangapple
  • 本文由 发表于 2023年2月16日 03:10:55
  • 转载请务必保留本文链接:https://go.coder-hub.com/75464453.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定