webpack的ProvidePlugin对比vite写法

以jquery为例，用ProvidePlugin进行实例初始化后，jquery就会被自动加载并导入对应的node模块中

 在webpack中通过ProvidePlugin提前注入相关依赖而不需要在页面中显示引入，在vite中可以使用@rollup/plugin-inject来代替

cnpm i @rollup/plugin-inject

在vite.config.js里配置

const inject = require('@rollup/plugin-inject')


export default defineConfig(({ mode, command }) => {
  return {
    base: '/',
    plugins: [createVitePlugins(env, command === 'build', monacoEditorPlugin()), inject({
      "$": "jquery",
      "jQuery": "jquery",
      "windows.jQuery": "jquery"
    })],
    },
}
}