@m00rl0ck/simple-builder 1.1.3 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +193 -0
- package/package.json +3 -2
package/README.md
ADDED
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
# ⚡ Simple Builder
|
|
2
|
+
|
|
3
|
+
> Zero-dependency JavaScript та CSS збирач (bundler) з dev сервером та мініфікацією.
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
## 🚀 Можливості
|
|
8
|
+
|
|
9
|
+
- **Нуль залежностей** — встановив і працює
|
|
10
|
+
- **ES Modules** — імпорти, експорти, дерево залежностей
|
|
11
|
+
- **Бандлінг** — збирає всі JS файли в один
|
|
12
|
+
- **CSS** — автоматично копіює та мініфікує CSS
|
|
13
|
+
- **HTML** — автоматично підставляє зібрані файли
|
|
14
|
+
- **Dev сервер** — вбудований HTTP сервер з **live reload**
|
|
15
|
+
- **Watch mode** — автоматична перезбірка при зміні файлів
|
|
16
|
+
- **Мініфікація JS та CSS** — для production збірки
|
|
17
|
+
|
|
18
|
+
---
|
|
19
|
+
|
|
20
|
+
## 📦 Встановлення
|
|
21
|
+
|
|
22
|
+
```bash
|
|
23
|
+
npm install @m00rl0ck/simple-builder
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
---
|
|
27
|
+
|
|
28
|
+
## 🖥 CLI (Командний рядок)
|
|
29
|
+
|
|
30
|
+
Після встановлення доступна команда `simple-builder`:
|
|
31
|
+
|
|
32
|
+
```bash
|
|
33
|
+
# Збірка проекту (development)
|
|
34
|
+
simple-builder build
|
|
35
|
+
|
|
36
|
+
# Розробка з автоперезбіркою (watch mode)
|
|
37
|
+
simple-builder dev
|
|
38
|
+
|
|
39
|
+
# Запуск dev сервера (http://localhost:3000) + watch + live reload
|
|
40
|
+
simple-builder serve
|
|
41
|
+
|
|
42
|
+
# Запуск production сервера
|
|
43
|
+
simple-builder serve prod
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
### Використання в `package.json`
|
|
47
|
+
|
|
48
|
+
```json
|
|
49
|
+
{
|
|
50
|
+
"scripts": {
|
|
51
|
+
"build": "simple-builder build",
|
|
52
|
+
"dev": "simple-builder dev",
|
|
53
|
+
"serve": "simple-builder serve",
|
|
54
|
+
"prod": "simple-builder serve prod"
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
Комбінації аргументів працюють у будь-якому порядку:
|
|
60
|
+
|
|
61
|
+
```bash
|
|
62
|
+
simple-builder serve prod
|
|
63
|
+
simple-builder prod serve
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
---
|
|
67
|
+
|
|
68
|
+
## 📦 Використання як API
|
|
69
|
+
|
|
70
|
+
```js
|
|
71
|
+
import { build, runServer } from '@m00rl0ck/simple-builder';
|
|
72
|
+
|
|
73
|
+
// Збірка (development)
|
|
74
|
+
build();
|
|
75
|
+
|
|
76
|
+
// Збірка (production)
|
|
77
|
+
build({ isProd: true });
|
|
78
|
+
|
|
79
|
+
// Watch mode
|
|
80
|
+
build({ watch: true });
|
|
81
|
+
|
|
82
|
+
// Dev сервер (development — з watch + live reload)
|
|
83
|
+
runServer();
|
|
84
|
+
|
|
85
|
+
// Dev сервер (production)
|
|
86
|
+
runServer({ isProd: true });
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
---
|
|
90
|
+
|
|
91
|
+
## 🏗 Як це працює
|
|
92
|
+
|
|
93
|
+
```
|
|
94
|
+
src/
|
|
95
|
+
├── index.js — точка входу (або вказана в env.js)
|
|
96
|
+
├── index.html — HTML шаблон
|
|
97
|
+
└── *.css — CSS файли
|
|
98
|
+
|
|
99
|
+
dist/ — створюється автоматично
|
|
100
|
+
├── bundle.min.js — зібраний JS
|
|
101
|
+
├── index.html — HTML з підставленими шляхами
|
|
102
|
+
└── *.css / *.min.css
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
**Правила:**
|
|
106
|
+
- Точка входу — `src/index.js`. Або вкажіть у `env.js`: `IN_POINT = "app"` → буде `src/app.js`.
|
|
107
|
+
- HTML береться з `src/index.html`.
|
|
108
|
+
- CSS файли обробляються окремо і кладуться в `dist/`.
|
|
109
|
+
- У production режимі JS мініфікується (`bundle.min.js`), CSS отримує суфікс `.min.css`.
|
|
110
|
+
- Dev сервер має **live reload** — будь-яка зміна в `src/` перезавантажує сторінку.
|
|
111
|
+
|
|
112
|
+
---
|
|
113
|
+
|
|
114
|
+
## 📄 Ліцензія
|
|
115
|
+
|
|
116
|
+
MIT — робіть що хочете.
|
|
117
|
+
|
|
118
|
+
---
|
|
119
|
+
|
|
120
|
+
## 💬 Чому?
|
|
121
|
+
|
|
122
|
+
Мінімалістичний бандлер без магії. Жодних прихованих залежностей, складних конфігів та багатотонних `node_modules`. Просто бандлінг, який ти розумієш.
|
|
123
|
+
|
|
124
|
+
---
|
|
125
|
+
|
|
126
|
+
## English
|
|
127
|
+
|
|
128
|
+
# ⚡ Simple Builder
|
|
129
|
+
|
|
130
|
+
> Zero-dependency JS and CSS bundler with dev server and minifier.
|
|
131
|
+
|
|
132
|
+
## Features
|
|
133
|
+
|
|
134
|
+
- **Zero dependencies** — install and go
|
|
135
|
+
- **ES Modules** — imports, exports, dependency tree
|
|
136
|
+
- **Bundling** — combines all JS files into one
|
|
137
|
+
- **CSS** — automatically copies and minifies CSS
|
|
138
|
+
- **HTML** — automatically injects bundled files
|
|
139
|
+
- **Dev server** — built-in HTTP server with **live reload**
|
|
140
|
+
- **Watch mode** — automatic rebuild on file changes
|
|
141
|
+
- **JS & CSS minification** — for production builds
|
|
142
|
+
|
|
143
|
+
## Install
|
|
144
|
+
|
|
145
|
+
```bash
|
|
146
|
+
npm install @m00rl0ck/simple-builder
|
|
147
|
+
```
|
|
148
|
+
|
|
149
|
+
## CLI
|
|
150
|
+
|
|
151
|
+
```bash
|
|
152
|
+
# Build project (development)
|
|
153
|
+
simple-builder build
|
|
154
|
+
|
|
155
|
+
# Development with auto-rebuild (watch mode)
|
|
156
|
+
simple-builder dev
|
|
157
|
+
|
|
158
|
+
# Start dev server (http://localhost:3000) + watch + live reload
|
|
159
|
+
simple-builder serve
|
|
160
|
+
|
|
161
|
+
# Start production server
|
|
162
|
+
simple-builder serve prod
|
|
163
|
+
```
|
|
164
|
+
|
|
165
|
+
### Use in `package.json`
|
|
166
|
+
|
|
167
|
+
```json
|
|
168
|
+
{
|
|
169
|
+
"scripts": {
|
|
170
|
+
"build": "simple-builder build",
|
|
171
|
+
"dev": "simple-builder dev",
|
|
172
|
+
"serve": "simple-builder serve",
|
|
173
|
+
"prod": "simple-builder serve prod"
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
```
|
|
177
|
+
|
|
178
|
+
## API
|
|
179
|
+
|
|
180
|
+
```js
|
|
181
|
+
import { build, runServer } from '@m00rl0ck/simple-builder';
|
|
182
|
+
|
|
183
|
+
build(); // development build
|
|
184
|
+
build({ isProd: true }); // production build
|
|
185
|
+
build({ watch: true }); // watch mode
|
|
186
|
+
|
|
187
|
+
runServer(); // dev server (development, watch + live reload)
|
|
188
|
+
runServer({ isProd: true });// dev server (production mode)
|
|
189
|
+
```
|
|
190
|
+
|
|
191
|
+
## License
|
|
192
|
+
|
|
193
|
+
MIT — do whatever you want.
|
package/package.json
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@m00rl0ck/simple-builder",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.5",
|
|
4
4
|
"description": "Zero-dependency JS and CSS bundler with dev server and minifier",
|
|
5
5
|
"changelog": {
|
|
6
6
|
"1.1.1": "Fix: small bugs",
|
|
7
7
|
"1.1.2": "Fix: ternary console.log",
|
|
8
|
-
"1.1.3": "Fix: crash on build() without args, unused vars, hardcoded entry, watchBuild initial build, default imports support"
|
|
8
|
+
"1.1.3": "Fix: crash on build() without args, unused vars, hardcoded entry, watchBuild initial build, default imports support",
|
|
9
|
+
"1.1.5": "Feat: add readme"
|
|
9
10
|
},
|
|
10
11
|
"type": "module",
|
|
11
12
|
"main": "index.js",
|