关于js打包的一些疑问

本人webpack小白
开发多个页面，这些页面都引用同一个bundle.js文件，这样带来的问题是，某个页面并不需要bundle.js中的某些部分，以往的做法是在bundle.js里面判断某个元素是否存在（比如页面a中含有div.a，对应的bundle.js中就有 if(div.a) {balabala}来使得这部分的js只在加载a页面时运行），请问这种情况该如何处理，这是正确的打包方式吗？（个人感觉只是把以往分散的js揉到了一起）
望大神赐教。