关于如何在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
});