webpack的ProvidePlugin对比vite写法

前端程序猿i

于 2022-10-11 18:12:41 发布

阅读量1.5k

点赞数 1

文章标签： webpack 前端 javascript

本文链接：https://blog.csdn.net/qq_54123885/article/details/127268763

版权

以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"
    })],
    },
}
}