1.0.1 • Published 3 years ago

@minicdn/vitejs-plugins-interpolate-html v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

Vite Plugin Interpolate HTML npm

参考 create-react-app

Install

pnpm install --save-dev @minicdn/vitejs-plugins-interpolate-html

# or

yarn add --save-dev @minicdn/vitejs-plugins-interpolate-html

# or

npm install --save-dev @minicdn/vitejs-plugins-interpolate-html

Usage

import interpolate from "@minicdn/vitejs-plugins-interpolate-html";

module.exports = {
  plugins: [
    interpolate({
      NODE_ENV: "development",
    }),
  ],
};

// or

module.exports = {
  plugins: [
    interpolate(
      {
        NODE_ENV: "development",
      },
      {
        prefix: "%",
        suffix: "%"
      }
    ),
  ],
};

Example

<!DOCTYPE html>
<html lang="en" data-node-env="%NODE_ENV%">
  <head>
    <meta charset="UTF-8" />
  </head>

  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>

Options

prefix

  • Type: string
  • Default: "%"

suffx

  • Type: string
  • Default: "%"