Быстрый старт

Создаем папку проекта, устанавливаем зависимости

mkdir ./hello-world cd ./hello-world npm install --save vqua npm install --save-dev webpack

Создаем файл webpack.config.js

const path = require('path') module.exports = { entry: './index.js', output: { filename: 'index.js', path: path.resolve(__dirname) }, }

Создаем файл index.js

const { html, Component, render } = require('vqua') class HelloWorld extends Component { render() { const { div } = html return ( div({}, 'Hello world!' ) ) } } const app = document.getElementById('app') render(app, HelloWorld.v(), (error) => { if (error) throw error })

Создаем файл index.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello world!</title> </head> <body> <div id='app'></div> <script src="./index.js" type="text/javascript"></script> </body> </html>

Запускаем сборку

webpack

Готово, открываем файл index.html в браузере.