Statikus weblap

• Szerző: Sallai András
• Copyright © 2021, Sallai András
• Szerkesztve: 2021, 2022, 2024
• Licenc: CC BY-SA 4.0
• Web: https://szit.hu

• https://yarnpkg.com/package/create-html

Kezdés:

yarn init -y

Telepítés:

yarn add create-html --dev

Ebben a leírásban, legtöbb helyen yarn csomagkezelőt használok, de használhatjuk helyette az npm csomagkezelőt.

Írunk egy taskot:

  "scripts": {
    "create": "create-html"
  },

yarn run create -o index.html

yarn run create -l hu -o index.html

cr.js

var fs = require('fs')
var createHTML = require('create-html')
 
var html = createHTML({
  title: 'Példa',
  lang: 'hu',
  css: 'style.css',
  script: 'script.js',
  body: '<h1>Példa</h1>'
})
 
fs.writeFile('index.html', html, function (err) {
  if (err) console.log(err)
})

Futtatás:

node cr

Az eredmény egy index.html

yarn global add create-html

Leírás itt:

• Hexo

A create-html-project, ahogy a neve is mutatja, egy projektkészítő script, ezért globálisan érdemes telepíteni:

npm install -g create-html-project

Használat:

create-html-project app01

Néhány percig eltarthat a generálás.