### **`GLOBEL`**

You need to specify the data file `--data-file ./data.json` on the command line, or configure the `globelData` field in the configuration

```ejs

<%= GLOBEL.helloworld %>

If the specified `./temp.json` injection data content is an **array**, the value will be assigned to the template variable of `TEMP`. The variable naming rule is uppercase for file names:

- `./a/data-name.json` => `DATA_NAME`
- `./temp/data.json` => `DATA`
- `./temp/temp.json` => `TEMP`

```js
//=> ./a/data-name.json
[
{ name: "ejs", version: "v1.2" },
{ name: "auto-config-loader", version: "^1.7.4" },
];
```

The value will be assigned to the template variable of `DATA_NAME`

```ejs
<% DATA_NAME.forEach((item) => { %>

The rules are the same in configuration.

### `GLOBEL.PACKAGE`

Read the project's `package.json` file and inject its data into the template engine so that it can be accessed via `GLOBAL.PACKAGE`. An example is shown below:

```html

© 2017 Company, Inc.

```

### `NOW_DATE`

Current page compilation time

```html

### **Specific Template**

Inject data into a specific template, which needs to be configured in `.ejscrc.mjs`:

```js
{
"globelData": {
"helloworld": "Hello Wrold!"
},
"data": {
"template/about/index.ejs": "./data.json",
"template/home.ejs": {
"name": "Hello World",
"age": 36
}
}
}
```

Used in `template/home.ejs` template

```ejs

<%= name %>

<%= GLOBEL.helloworld %>

## HTML Minifier

In the `.ejscrc.mjs` configuration, add the `beforeSaveHTML` method to process and compress HTML using [`html-minifier`](https://www.npmjs.com/package/html-minifier).

```js
import { minify } from "html-minifier";

const options = {
includeAutoGeneratedTags: true,
removeAttributeQuotes: true,
removeComments: true,
removeRedundantAttributes: true,
removeScriptTypeAttributes: true,
removeStyleLinkTypeAttributes: true,
sortClassName: true,
useShortDoctype: true,
collapseWhitespace: true,
};

/**
* @type {import('@wcj/ejs-cli/lib/watch.mjs').Options}
*/
export default {
watchOption: {},
globelData: {},
data: {},
beforeSaveHTML: (html, output, filename) => {
const minHTML = minify(html, options);
return minHTML + "";
},
};
```

## JS Minifier

In the `.ejscrc.mjs` configuration, add the `afterCopyFile` method to process and compress HTML using [`UglifyJS`](https://github.com/jaywcjlove/uglify-js-export).

```js
import UglifyJS from "uglify-js-export";
import fs from "fs-extra";

export default {
watchOption: {},
globelData: {},
data: {},
afterCopyFile: (filePath, outputPath) => {
if (filePath.endsWith(".js")) {
const result = UglifyJS.minify(fs.readFileSync(outputPath, "utf-8"));
fs.writeFileSync(outputPath, result.code);
console.log(`🐝 Compress js file success! ${outputPath}`);
}
},
};
```

## CSS Minifier

In the `.ejscrc.mjs` configuration, add the `afterCopyFile` method to process and compress HTML using [`clean-css`](https://github.com/clean-css/clean-css).

```js
import CleanCSS from "clean-css";
import fs from "fs-extra";

export default {
watchOption: {},
globelData: {},
data: {},
afterCopyFile: (filePath, outputPath) => {
if (filePath.endsWith(".css")) {
const result = new CleanCSS().minify(
fs.readFileSync(outputPath, "utf-8"),
);
fs.writeFileSync(outputPath, result.styles);
console.log(`🐝 Compress css file success! ${outputPath}`);
}
},
};
```

## Config

The default configuration is the parameter of [EJS](https://github.com/mde/ejs), you can add `data` to inject data into the EJS template, and add `watchOption` parameter to configure [Chokidar](https://github.com/paulmillr/chokidar) settings.

Store `.ejscrc.json` in the root directory of the project:

```json
{
"watchOption": {},
"data": {
"template/home.ejs": {
"name": "Hello World",
"age": 36
}
}
}
```

Support [JSON](https://www.json.org), [JSONC](https://github.com/microsoft/node-jsonc-parser), [JSON5](https://json5.org/), [YAML](https://yaml.org/), [TOML](https://toml.io), [INI](https://en.wikipedia.org/wiki/INI_file), [CJS](http://www.commonjs.org), [Typescript](https://www.typescriptlang.org/), and ESM config load.

`.ejscrc.mjs` config example:

```js
import { minify } from "html-minifier";
import UglifyJS from "uglify-js-export";
import fs from "fs-extra";

/**
* @type {import('@wcj/ejs-cli/lib/watch.mjs').Options}
*/
export default {
/** Chokidar's watch parameter settings */
watchOption: {},
/** Injecting data into EJS templates */
data: {
"template/home.ejs": {
name: "Hello World",
age: 36,
},
},
/**
* Use shell patterns to match the files that need to be copied.
* @default "/**\/*.{css,js,png,jpg,gif,svg,webp,eot,ttf,woff,woff2}"
*/
copyPattern: "",
/**
* Pre-Save HTML Callback Method
* @param html
* @param output
* @param filename
* @returns
*/
beforeSaveHTML: (html, output, filename) => {
return minify(html, options);
},
/**
* Callback method after copying files.
* @param filepath
* @param output
* @returns
*/
afterCopyFile: (filePath, outputPath) => {
if (filePath.endsWith(".js")) {
const result = UglifyJS.minify(fs.readFileSync(outputPath, "utf-8"));
fs.writeFileSync(outputPath, result.code);
console.log(`🐝 Compress js file success! ${outputPath}`);
}
},
};
```

You can configure in `package.json`:

```js
{
"name": "@wcj/examples",
"version": "0.0.1",
"ejsc": {
"data": {
"template/home.ejs": {
"name": "Hello World",
"age": 36
}
}
}
}
```

For more configuration methods, please see [default `searchPlaces`](https://github.com/jaywcjlove/auto-config-loader/blob/c5fba91a92c782b3d6c47a1664d53842e1109db6/core/README.md?plain=1#L104-L138).

## Development

```bash
$ npm i
$ npm run build
```

## Contributors

As always, thanks to our amazing contributors!