okikio/bundlejs

Fetch the versions mentioned in package.json.

tyagirajat200 opened this issue · 4 comments

tyagirajat200 commented

If I provide the complete package.json with dependencies, the code bundling process should fetch the versions mentioned in package.json instead of always fetching the latest version. Please guide me on the possible ways to achieve this.

Link -> Click here

okikio commented

Yeah, sorry that's a bug 🐛 😅, I'll try to get this fixed. In the meantime you can overcome this issue by manually setting the version for the module
E.g.

// Click Build for the Bundled, Minified & Compressed package size
export * from "react@17.0.2";
export * from "react-dom@17.0.2";
class App extends Component {
  constructor() {
    super();
    this.state = {
      name: 'React',
    };
  }

  render() {
    return 'Raj';
  }
}
tyagirajat200 commented

Hi @okikio ,
Thank you for your prompt reply. Kindly inform us once the issue has been resolved.

  • 😄1
tyagirajat200 commented

Hi @okikio ,

Can the required code be included solely? For instance:

import { zip } from 'https://unpkg.com/lodash-es@4.17.15/lodash.js';
console.log(zip([1, 2], ['a', 'b']));

In this scenario, the bundler should fetch and incorporate only the zip method from lodash, rather than including all of its methods, which is the current behavior.

Link -> https://bundlejs.com/?q=https%3A%2F%2Funpkg.com%2Flodash-es%404.17.15%2Flodash.js&treeshake=%5B*%5D&text=%22console.log%28zip%28%5B1%2C+2%5D%2C+%5B%27a%27%2C+%27b%27%5D%29%29%22

okikio commented

It's because you're fetching from the URL, it's much harder to determine what to treeshake when a package is being fetched from a URL directly

Here is the fix,

// Click Build for the Bundled, Minified & Compressed package size
import { zip } from "lodash-es@4.17.15";
console.log(zip([1, 2], ['a', 'b']))

Link -> https://bundlejs.com/?q=(import)lodash-es@4.17.15&treeshake={+zip+}&text=console.log(zip([1,+2],+['a',+'b']))

  • 👍2