Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lemonade-lab/lvyjs
为 nodejs 开发而设计的打包构建工具
https://github.com/lemonade-lab/lvyjs
esbuild lvyjs nodejs puppeteer rollup tsx
Last synced: 2 days ago
JSON representation
为 nodejs 开发而设计的打包构建工具
- Host: GitHub
- URL: https://github.com/lemonade-lab/lvyjs
- Owner: lvyjs
- License: mit
- Created: 2024-10-16T10:44:52.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-24T05:51:55.000Z (3 months ago)
- Last Synced: 2024-10-26T02:46:23.666Z (3 months ago)
- Topics: esbuild, lvyjs, nodejs, puppeteer, rollup, tsx
- Language: TypeScript
- Homepage: https://lvyjs.dev
- Size: 247 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# LVY
基于 tsx、esbuld、rollup 所构建的，为 nodejs 应用设计的打包工具
| Project | Status | Description |
| ------- | --------------------- | ----------- |
| [lvyjs] | [![lvyjs-s]][lvyjs-p] | 打包工具 |
[lvyjs]: https://github.com/lemonade-lab/alemonjs/tree/main/packages/lvyjs
[lvyjs-s]: https://img.shields.io/npm/v/lvyjs.svg
[lvyjs-p]: https://www.npmjs.com/package/lvyjs
文档： https://lvyjs.dev/
- use
```sh
npm install lvyjs -D
```
- tsconfig.json
```json
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@src/*": ["src/*"]
}
},
"include": ["src/**/*"],
"extends": "lvyjs/tsconfig.json"
}
```
- lvy.config.ts
```ts
import { defineConfig } from 'lvyjs'
import { fileURLToPath } from 'url'
import { dirname, join } from 'path'
const __filename = fileURLToPath(import.meta.url)
const __dirname = dirname(__filename)
const server = () => import('./src/index')
export default defineConfig({
plugins: [() => server],
alias: {
entries: [{ find: '@src', replacement: join(__dirname, 'src') }]
},
build: {
OutputOptions: {
intro: `/** https://lvyjs.dev script start **/`,
outro: ` /** https://lvyjs.dev script end **/ `
}
}
})
```
```sh
npx lvy dev
```
- 装载
> src/index.ts
```ts
import { readFileSync } from 'fs'
// 得到该文件的绝对路径，类型 string
import img_logo from '../logo.png'
const data = readFileSync(img_logo, 'utf-8')
```
- 别名
> src/index.ts
```ts
import { readFileSync } from 'fs'
// 得到该文件的绝对路径，类型 string
import img_logo from '@src/asstes/img/logo.png'
const data = readFileSync(img_logo, 'utf-8')
```
- 打包
> 对 src 目录打包并输出到 lib 目录
```sh
npx lvy build
```
## styles
> src/index.ts
```ts
import { readFileSync } from 'fs'
// 得到该文件的绝对路径，类型 string
import ccsURL from '@src/asstes/img/logo.css'
// 完整的单文件css数据、即使内部有其他文件引用。
const data = readFileSync(css, 'utf-8')
```
> 内置了对 css 的处理。
> 如果你要处理 less 、sass、scss
```sh
yarn add less sass -D
```
### 引用
- css
```css
@import url('@src/assets/test2.css');
@import url('./test2.css');
/* 支持别名 */
```
- scss
```scss
@import url('@src/assets/test3.scss');
@import url('./test3.scss');
@use './test3.scss';
```
以下写法待修复
```scss
@use '@src/assets/test2.scss';
```
- sass
```sass
// none
```
- less
```less
@import './test1.css';
```
以下写法待修复
```less
@import url('@src/assets/test2.less');
@import url('./test2.less');
@import '@src/assets/test2.less';
@import './test2.less';
//
@import 'src/assets/test2.less';
```
- sass
```sass
@import url('@src/assets/test.css')
@import url('./test.css')
@import './test.css'
@import '@src/assets/test.css'
// @import ./_test4.sass
@use 'test4
```
error
```
@import url('@src/assets/_test4.sass')
@import url('./_test4.sass')
```
### postcss
- 压缩
```sh
yarn add cssnano -D
```
- postcss.config.cjs
```cjs
module.exports = {
plugins: {
cssnano: {
preset: 'default'
}
}
}
```
- tailwindcss
```sh
yarn add tailwindcss
```
- postcss.config.cjs
```cjs
module.exports = {
plugins: {
tailwindcss: {}
}
}
```
- tailwind.config.js
```js
/**
* @type {import('tailwindcss').Config}
*/
export default {
content: ['./src/**/*.{js,jsx,ts,tsx}']
}
```
## Community
QQ Group 806943302