lvyjs

使用开发工具提高开发效率，提升开发体验。

lvyjs

为 nodejs 应用而设计的打包构建工具

Project	Status	Description
lvyjs		打包开发工具

安装

npm install lvyjs -D

配置示例

typescript 配置

./tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@src/*": ["src/*"]
    }
  },
  "include": ["src/**/*"],
  "extends": "lvyjs/tsconfig.json"
}

编译打包配置

./lvy.config.ts

import { defineConfig } from 'lvyjs'
import { fileURLToPath } from 'url'
import { dirname, join } from 'path'
const __filename = fileURLToPath(import.meta.url)
const __dirname = dirname(__filename)
export default defineConfig({
  build: {
    alias: {
      entries: [{ find: '@src', replacement: join(__dirname, 'src') }]
    }
  }
})

npx lvy dev

非模块文件

类型

src/end.d.ts

/// <reference types="lvyjs/env" />

示例

import { readFileSync } from 'fs'
// 得到该文件的绝对路径，类型 string
import img_logo from '../logo.png'
const data = readFileSync(img_logo, 'utf-8')

别名

info

简化和统一导入格式

配置

./tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      // 设置别名，方便路径引用
      "@src/*": ["src/*"]
    }
  },
  "include": ["src/**/*"],
  "extends": "lvyjs/tsconfig.json"
}

./lvy.config.ts

import { defineConfig } from 'lvyjs'
import { fileURLToPath } from 'url'
import { dirname, join } from 'path'
const __filename = fileURLToPath(import.meta.url)
const __dirname = dirname(__filename)
export default defineConfig({
  build: {
    alias: {
      // 编译时将 @src 别名替换为 src 保证路径正确
      entries: [{ find: '@src', replacement: join(__dirname, 'src') }]
    }
  }
})

使用

import { readFileSync } from 'fs'
// 得到该文件的绝对路径，类型 string
import img_logo from '@src/asstes/img/logo.png'
const data = readFileSync(img_logo, 'utf-8')

打包

对 src 目录打包并输出到 lib 目录

npx lvy build

移除注释

./lvy.config.ts

import { defineConfig } from 'lvyjs'
import { fileURLToPath } from 'url'
import { dirname, join } from 'path'
const __filename = fileURLToPath(import.meta.url)
const __dirname = dirname(__filename)
export default defineConfig({
  build: {
    alias: {
      entries: [{ find: '@src', replacement: join(__dirname, 'src') }]
    },
    typescript: {
      // 打包时移除注释，如果需要其他配置，参考typeScript库的 CompilerOptions
      removeComments: true
    }
  }
})

压缩代码

安装压缩插件

yarn add rollup-plugin-terser -D

./lvy.config.ts

import { defineConfig } from 'lvyjs'
import { fileURLToPath } from 'url'
import { dirname, join } from 'path'
// 导入压缩插件
import { terser } from 'rollup-plugin-terser'

const __filename = fileURLToPath(import.meta.url)
const __dirname = dirname(__filename)
export default defineConfig({
  build: {
    alias: {
      entries: [{ find: '@src', replacement: join(__dirname, 'src') }]
    },
    typescript: {
      removeComments: true
    },
    plugins: [terser()] // 使用压缩插件压缩代码
  }
})