[Vuejs]-How can I exclude an ES6 module (VueJS) from treeshaking in RollupJS? (and should I?)

0πŸ‘

βœ…

To prevent Rollup from treeshaking a particular module, you can simply import it blindly (instead of a part of it), so that Rollup thinks the module performs some side effect:

import 'vue'

Of course you can still import some bits in parallel, so that you can rename the default export for example:

import 'vue'
import Vue from 'vue'

As for your --external option, you probably just need to wrap the path value with quotes:

--external='../node_modules/vue/dist/vue.esm.browser.js'

Note that you should probably switch to Rollup configuration file (instead of CLI options) to make your life easier. You will also be able to use rollup plugins, e.g. rollup-plugin-alias to manage the exact location of the Vue file you want to use.

πŸ‘€ghybs

Leave a comment