vite2怎么使用cdn加载vue等包

Question

vite.config.js配置如下

// vue等使用cdn加载
      rollupOptions: {
        external: ['vue', 'vue-router'],
        plugins: [
          commonjs(),
          externalGlobals({
            vue: 'Vue',
            'vue-router': 'VueRouter',
          }),
        ],
      },

生产环境报错,开发环境正常
Uncaught TypeError: Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../".

Answer 1

已解决,方案如下

// vite.config.js
    // 导入插件
    import commonjs from 'rollup-plugin-commonjs';
    import externalGlobals from 'rollup-plugin-external-globals';
    // 修改rollup配置参数
      rollupOptions: {
        plugins: [
          commonjs(),
          externalGlobals({
            vue: 'Vue',
            'vue-router': 'VueRouter',
          }),
        ],
        output: {
          format: 'es',
          globals: {
            vue: 'Vue',
            'vue-router': 'VueRouter',
          },
        },
      },

// index.html
  <script src="https://unpkg.com/vue@3.2.37/dist/vue.global.prod.js"></script>
  <script src="https://unpkg.com/vue-router@4.0.15/dist/vue-router.global.prod.js"></script>