1. @poi/plugin-html-entry
This is a built-in Poi plugin which makes Poi support HTML entrypoint.
@poi/plugin-html-entry
Package: @poi/plugin-html-entry
Last modified: Wed, 06 Apr 2022 15:38:49 GMT
Version: 0.2.3
License: MIT
Downloads: 2,444

Install

npm install @poi/plugin-html-entry
yarn add @poi/plugin-html-entry

@poi/plugin-html-entry

This is a built-in Poi plugin which makes Poi support HTML entrypoint.

Features

Process local scripts and styles

 <link rel="stylesheet" href="./style.css">
<script src="./main.js"></script>

Note that only relative paths will be processed by webpack, which means you can use absolute paths like https://... or /static/foo.css to reference external resources.

Process certain HTML attributes

It processes certain HTML attributes:

  • <img>: src
  • <image>: xlink:href
  • <video>: src poster
  • <source>: src

Reloading

Modifing HTML entry will trigger a full reload.

Template Interpolations

Your HTML entry will also be processed by lodash.template, see here for available template data.

License

MIT © EGOIST

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin