file of zip output is too large that expend firefox 4MB limit

[honwhy]

how to set build options for large project to build for firefox

my project is built based a web project, md , I just port it to extension options

I had try these build options,

    build: {
      // Enabling sourcemaps with Vue during development is known to cause problems with Vue
      sourcemap: false,
      rollupOptions: {
        output: {
          format: 'esm',
          inlineDynamicImports: false,
          manualChunks: {
            lodash: ['lodash'],
            vue: ['vue']
          }
        },
      },
    },

options-*.js file size didn't change

[lvzhenbo]

rollup-plugin-visualizer用这个插件看看你的分包

[aklinker1]

This is built-in to WXT, just run wxt build --analyze

[lvzhenbo]

This is built-in to WXT, just run wxt build --analyze

I see, but could this be added to the config file. By the way, if you have time could you reply to my discussion posting

[aklinker1]

I see, but could this be added to the config file.

You can try, but you'll run into problems. Because WXT runs multiple build steps, there will be filename conflicts, causing each build step to write to the same file. This means you don't get a report on all the bundled files in your extension. WXT configures all that for you and merges all the separate results together. So there's no reason to try and re-add that plugin yourself.

[honwhy]

found the big guy
ali-sdk/ali-oss#591

[honwhy]

waiting for this proposal #357

[aklinker1]

Just an FYI, there are some technical limitations preventing this from being implemented right now. It will not be finished anytime soon.

[honwhy]

I have managed to solve this problem, use WXT hooks to change option entrypoint build configuration.

    wxt.hook(`vite:build:extendConfig`, (_, config) => {
      if (config.build?.rollupOptions?.input && config.build?.rollupOptions?.input) {
        const input = config.build?.rollupOptions.input as Record<string, string>
        if (input.options) {
          const output = config.build?.rollupOptions.output as FakeRollupOptions
          output.manualChunks = (id) => {
            if (id.includes(`prettier`)) {
              return `prettier-chunk`
            }
            if (id.includes(`highlight.js`)) {
              return `highlight-chunk`
            }
          }
        }
      }
    })

[honwhy]

@aklinker1 is there any chance to configure those split options in entrypoints files, such as in defineContentScript in content.ts, in some place in option.html

[aklinker1]

Not right now, no. I'm focused on v1.0, which won't include this. Will consider adding it in a future version.