singlizer
v0.1.2
Published
Create a single file from an html file that only contains the content of a 'body' tag, a main css file, and any number of js files. Files are specified through a 'singlizer.json' config file.
Downloads
7
Readme
Singlizer
What it's for
Use single.js to combine a single html file that contains only the contents of a body element (minus the tags), a single 'main.css' file, and any number of javascript files, specified through singlizer.json.
This may only be useful for me, because I have a specific need to distribute files to coworkers who are Sailors, whose email system will strip any .zip files I send them. They have a ridiculously bad internet connection, the need for tools that are normally only available online, or are developed for them for some specific task they need to do.
However, I suppose it might be useful for a student submitting projects to a class. I wouldn't know, I've never taken a class before.
Installation
Use npm i -g singlizer to install singlizer globally. Run singlizer init in a folder to create a config file. Has no dependencies. Should not be depended on for anything. Run singlizer to "compile" your files.
Configuration
{
"title": "Singlizer",
"jsFiles": [
"main.js"
],
"cssFile": "main.css",
"htmlFile": "index.html",
"outputPath": "./dist/",
"outputFileName": "index.html"
}"jsFiles" must be an array of JavaScript files. It can include files in subfolders, don't forget './' All of the config entries are optional, but setting them to blank files will cause problems.
Usage
Use singlizer init to create an initial configuration file in the folder you are working in. Modify it to fit your needs.
Example files.
singlizer.json
"title": "Hello, world",
"jsFiles": ["./js/main.js"]./index.html
<p>Hello, world</p>./js/main.js
console.log("Hello, world");./main.css
body {
background-color: #eee;
color: #222;
}Then, type: singlizer
Outputs:
<!DOCTYPE html>
<html>
<head>
<title>Hello, world</title>
</head>
<body>
<p>Hello, world</p>
<style>
body {
background-color: #eee;
color: #222;
}
</style>
<script>
console.log("Hello, world");
</script>
</body>
</html>