Skip to content

NakedJSX

https://nakedjsx.org/ https://nakedjsx.org/documentation/

npx nakedjsx jsx-working --out site/html --css-common site/styles/painting-failure.css --pretty

jsx files should be in a src folder

run on command line in [jsx folder] parent

`npx nakedjsx [jsx folder] --out [relative path to output folder] --css-common [relative path to css file]

"If you build it without the --pretty flag, the result is tightly packed and suitable for distribution"

you can only link one css file in the command line, for reset.css I'll import and use Page.AppendCss(reset)

Options:

# Launch a hot-refresh development server
--dev

# Save the effective config to <pages-directory>/.nakedjsx.json
--config-save

# The build output will be placed here
--out <path>

# CSS to compile and compress along with extracted scoped css="..." JSX attributes
--css-common <path-to-css-file>

# Enable plugin and set its unique alias, for example: --plugin image @nakedjsx/plugin-asset-image
--plugin <alias> <plugin-package-name-or-path>

# Import path alias, eg. import something from '$SRC/something.mjs'
--path-alias <alias> <path>

# Make string data available to code, eg. import VALUE from 'KEY'
--define <key> <value>

# Don't create sourcemaps (which are normally enabled in dev mode and when debugger attached)
--sourcemaps-disable

# Create sourcemaps (which are normally disabled unless dev mode or when debugger attached)
--sourcemaps-enable

# Produce less log output
--quiet

# Format output HTML, CSS, and JavaScript. Warning: Looks better, but assumes whitespace around some HTML tags is not significant. Use --pretty-ish if that is a problem.
--pretty

# Format output HTML, CSS, and JavaScript, preserving whitespace around all HTML tags.
--pretty-ish

# Print basic help information and exit
--help