帮忙看看这个是那个配置开启了

[BF-zh]

我以前编译的结果都没有System，现在不知道为啥，一个空配置都会有这个

[lisonge]

咱就是说，我都不知道源代码和 vite 配置，怎么帮你看？

另外你这个打包产物产物有 systemjs 说明项目里面用到了动态导入

[BF-zh]

这是我的 vite 配置

import { fileURLToPath } from 'node:url'
import { defineConfig } from 'vite'
import monkey, { cdn, util } from 'vite-plugin-monkey'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import vue from '@vitejs/plugin-vue'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import Unocss from 'unocss/vite'

export default defineConfig({
  plugins: [
    vue(),
    // https://github.com/antfu/unplugin-vue-components
    Components({
      // allow auto load markdown components under `./src/components/`
      dirs: ['src/components'],
      directoryAsNamespace: true,
      extensions: ['vue', 'md'],
      resolvers: [ElementPlusResolver()],
      deep: true,
      // allow auto import and register components used in markdown
      include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
      dts: './types/components.d.ts',
    }),
    Unocss(),
    // https://github.com/antfu/unplugin-auto-import
    AutoImport({
      imports: [
        'vue',
        '@vueuse/core',
        'pinia',
        util.unimportPreset,
      ],
      resolvers: [
        ElementPlusResolver(),
      ],
      dts: './types/imports.d.ts',
      dirs: [
        'src/composables',
        'src/stores',
        'src/api',
        'src/utils',
      ],
      vueTemplate: true,
    }),
    monkey({
      entry: 'src/main.ts',
      userscript: {
        'name': 'Tools',
        'description': '快捷工具 包含快递单号录入 排除等',
        'icon': 'http://q2.qlogo.cn/headimg_dl?dst_uin=2581807417&spec=100',
        'author': 'BF-<[email protected]>',
        'namespace': 'npm/vite-plugin-monkey',
        'copyright': '北风-JST',
        'version': '0.0.2',
        'match': ['*://*.baidu.com/*'],
        'run-at': 'document-start',
        'require': ['https://scriptcat.org/lib/637/1.3.3/ajaxHooker.js', util.dataUrl(';window.ajaxHooker=ajaxHooker;')],
      },
      build: {
        metaFileName: true,
        externalGlobals: [
          ['vue', cdn.jsdelivr('Vue', 'dist/vue.global.prod.js')],
          ['pinia', cdn.jsdelivr('Pinia', 'dist/pinia.iife.prod.js')],
        ],
      },
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
  build: {
    minify: true,
  },
})

还有就是我想实现那种类似库模式的东西吧 应该这么叫吧
这是我看了别人的项目哈 感觉他那样子挺好的
这个是他的打包结果的结构 然后在通过 请求将代码拿到 在运行，或者 直接require 打包结果路径运行

要实现这个效果，是不是得单独写一个配置 然后不使用 monkey 插件，直接打包，

[lisonge]

你想实现的应该是类似 https://github.com/lisonge/vite-plugin-monkey/blob/main/README_zh.md#%E5%A6%82%E4%BD%95%E6%AD%A3%E7%A1%AE%E6%9E%84%E5%BB%BA%E4%B8%80%E4%B8%AA%E4%BD%BF%E7%94%A8-gm_api-%E7%9A%84%E5%BA%93 这种效果

那么你应该使用类似下面两个配置文件

• vite.monkey.config.ts 用于 vite-plugin-monkey 测试脚本是否成功
• vite.lib.config.ts 使用 vite library mode 纯打包，输入为你的代表入口, 产物格式选择 iife 或 umd，里面不要使用 vite-plugin-monkey，就是一个使用 vite 自定义构建库的问题，网上搜索就有相关资料

[lisonge]

另外如果你要去掉 systemjs，你需要把所有的动态导入改成静态导入