Lit

基于 Farm 创建一个 Lit 项目。

Farm 提供两种方案来支持创建 Lit 项目:

• 使用 create-farm 脚手架创建脚手架项目
• 你可以根据当前文档手动创建一个 Lit 项目

创建 Lit 项目

npm

yarn

pnpm

bun

npm create farm@latest

在 Select Framework 中选择 Lit 模版

在使用 lit 的情况下我们需要配置装饰器

farm.config.ts

import { defineConfig } from '@farmfe/core';

export default defineConfig({
  compilation: {
    presetEnv: false,
    script: {
      plugins: [],
      target: 'es2022',
      parser: {
        tsConfig: {
          decorators: true,
          dts: false,
          noEarlyErrors: false,
          tsx: false
        }
      }
    }
  }
});

开发环境时运行

npm

yarn

pnpm

bun

npm run dev

在生产环境下进行打包

npm

yarn

pnpm

bun

npm run build

预览生产环境打包之后构建的产物

npm

yarn

pnpm

bun

npm run preview

如若想查看示例详情: Lit 示例