Issue with tree shaking

[xyven1]

I am having trouble getting tree shaking working. I import the two icons I am using

import { createApp } from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import { io } from 'socket.io-client'
import {BIconList, BIconMap} from 'bootstrap-icons-vue'

const app = createApp(App)

app.config.globalProperties.$socket = io(process.env.VUE_APP_URL)
app.component('BIconList', BIconList)
app.component('BIconMap', BIconMap)

app.mount('#app')

But webpack-bundle-analyzer shows that practically the entire lib.esm.js loaded.

[tommyip]

It appears that Webpack/Terser is more conservative than Rollup in terms of dead code elimination. It failed to detect that the genIcon function is pure, so all the icons are bundled even if they aren't used. Adding /*#__PURE__*/ annotations to each invocation of the function fixes the problem. I'll push a patch soon.

Thanks for the report @xyven1.

[tommyip]

Released v0.4.1.

465B gzip when importing only two icons. If there are still issues please let me know.

[xyven1]

Thanks for the quick response. Webpack is now correctly shaking the package.