@shopify/html-webpack-liquid-asset-tags-plugin

Finds static asset references and turns them into liquid tags with the 'asset_url' filter

Usage no npm install needed!

<script type="module">
  import shopifyHtmlWebpackLiquidAssetTagsPlugin from 'https://cdn.skypack.dev/@shopify/html-webpack-liquid-asset-tags-plugin';
</script>

README

@shopify/html-webpack-liquid-asset-tags-plugin

An HTML Webpack Plugin addon which swaps out generated <link> and <script> asset URLs with Shopify Liquid tags using the asset_url filter. For example:

<script type=text/javascript src="theme.js"></script>

gets transformed into

<script type=text/javascript src="{{ 'theme.js' | asset_url }}"></script>