关于如何在React Vite ts中激活js交互的参考

[ningmengchongshui]

• npm

npm install preline 

• tailwind.config.js

  import { createRequire } from 'module';
  const require = createRequire(import.meta.url);
  /** @type {import('tailwindcss').Config} */
  export default {
  content: [
  './index.html',
  './src/**/*.{js,jsx,ts,tsx}',
  './node_modules/preline/preline.js'
  ],
  plugins: [
  require('preline/plugin'),
  ]
  };

• main.ts

import { HSStaticMethods } from 'preline';
HSStaticMethods.autoInit();
const observer = new MutationObserver(mutationsList => {
  for (const _ of mutationsList) {
    HSStaticMethods.autoInit();
  }
});
observer.observe(document.body, {
  attributes: true,
  subtree: true,
  childList: true,
  characterData: true
});