vamtiger-bundle-css-next

Bundle CSS Next

Usage no npm install needed!

<script type="module">
  import vamtigerBundleCssNext from 'https://cdn.skypack.dev/vamtiger-bundle-css-next';
</script>

README

VAMTIGER Bundle CSS Next

VAMTIGER Bundle CSS Next bundles CSS Next into a single compiled output file.

Installation

VAMTIGER Bundle CSS Next can be installed using npm or yarn:

npm i --global vamtiger-bundle-css-next 

or

yarn global vamtiger-bundle-css-next

Usage

VAMTIGER Bundle CSS Next can bundle CSS Next to a single compiled output file:

vamtiger-bundle-css-next --entryFilePath absolute/path/source/index.css --bundleFilePath --bundleFilePath absolute/path/build/index.css

The watch option can be added to generate compiled output each time a source file is updated:

vamtiger-bundle-css-next --entryFilePath absolute/path/source/index.css --bundleFilePath --bundleFilePath absolute/path/build/index.css --watch

The copyBundleFilePath option will copy the compiled output to a defined path:

vamtiger-bundle-css-next --relativePath --entryFilePath absolute/path/source/index.css --bundleFilePath --bundleFilePath absolute/path/build/index.css --copyBundleFilePath absolute/path/some/bundle.css

The relativePath option can be used to reference entryFilePath and bundleFilePath relative to the current working directory:

vamtiger-bundle-css-next --relativePath --entryFilePath source/index.ts --bundleFilePath build/bundle.css --sourcemap inline --copyBundleFilePath absolute/path/some/bundle-copy.css

Referencing the --bundleFilePath with the ts extension will generate the bundle as a Typescript file:

vamtiger-bundle-css-next --relativePath --entryFilePath source/index.css --bundleFilePath build/bundle.ts --sourcemap inline

VAMTIGER Bundle CSS Next can also be defined as a custom script:

    ...
    scripts: {
        "bundle-css": "vamtiger-bundle-css-next --relativePath --entryFilePath source/index.css --bundleFilePath --bundleFilePath build/index.css",
        "watch": "vamtiger-bundle-css-next --relativePath --entryFilePath source/index.css --bundleFilePath --bundleFilePath build/index.css --watch"
    }
    ...