vite-plugin-add-defer

介绍

通过使用了vite特有的生命周期钩子：transformIndexHtml。为项目的index.html文件内的script标签加defer属性。

Introduction

By utilizing Vite’s unique lifecycle hook, transformIndexHtml, this plugin adds the defer attribute to the <script> tags within your project’s index.html file.

安装（install）

npm i vite-plugin-add-defer -D
yarn add vite-plugin-add-defer --dev

使用说明（Usage Instructions）

在vite配置文件中导入，在plugins中调用。可以传一个参数，表示从第几个没有defer的script标签开始添加defer属性。 Import the plugin in your Vite configuration file and call it within the plugins section. You can also pass an optional parameter to specify from which non-deferred <script> tag to start adding the defer attribute.

import htmlAddDefer from 'vite-plugin-add-defer';

export default defineConfig({
   ……,
   plugins: [
      // 从第二个没有defer的script标签开始加defer属性。Start adding 'defer' from the second non-defer script tag。
      htmlAddDefer(1)
   ],
   ……
})