esbuild Liquid Plugin

Liquid HTML code loader so you can import .liquid files as strings into JS files with esbuild.

Does not render the liquid code presently. Perhaps we can add that in the future?

Installation

``sh $ npm i -D esbuild-plugin-liquid`or with yarn

`sh $ yarn add esbuild-plugin-liquid --save-dev`

`js const esbuild = require('esbuild') const liquidPlugin = require('esbuild-plugin-liquid')

esbuild.build({ entryPoints: ['src/app.js'], outdir: 'dist', write: false, // write must be false plugins: [liquidPlugin()], })`


Just import the liquid file as a string and use it as you would any other string.

For example, given a file called hello_world_component.liquid:`html

`js import tpl from './hello_world_component.liquid';

console.log("Liquid template for this component is: ", tpl); // Outputs


$3

Liquid will automatically be minified (basically just HTML minification) if the build is set to minify
with the

--minify` option.