browserify / browserify/factor-bundle

Make two files instead of three

Ouverte
#80 2 commentaires 2 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
JavaScript
Étoiles
397
Forks
24
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

Hey!

I effectively want to split out part of a file, instead of splitting out the common parts of two files.

Currently I have bundle.js, which contains everything used on the site. There is some checkout specific logic there that I only want on the checkout, so I want to split that stuff out into bundle-checkout.js, but then run both bundle.js and bundle-checkout.js in the checkout.

With factor-bundle by default, I would be running these files on the main site:
- bundle-common.js
- bundle.js

And these on the checkout:
- bundle-common.js
- bundle.js
- bundle-checkout.js

It's pointless for me to have both bundle-common.js and bundle.js!

The best solution I've found so far is to add `require('./main')` to the top of the input `bundle-checkout.js`, which would mean that `bundle.js` is effectively an empty file and I can include `bundle-common.js` by itself, but then that generates a junk file.

---

lib.js:

``` js
module.exports = 'lib';
```

main.js:

``` js
var lib = require('./lib');
console.log(lib);
```

checkout.js:

``` js
require('./main');
console.log('special checkout logic');
```

And then the command:

```
browserify main.js checkout.js -p [ factor-bundle -o junk.js -o bundle-checkout.js ] -o bundle.js
```

Is there any way to do this without the `require('./main')` and the useless `junk.js` file?

Thanks, and sorry for the long question! I'll turn this into an article once it's been figured out so that nobody asks it again :)

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Piste de recherche

Commencez par la commande factor-bundle présentée dans l’issue et reproduisez-la avec lib.js, main.js et checkout.js. Suivez la manière dont la commande gère les bundles partagé et d’entrée ; le travail est terminé lorsque les bundles demandés du site et du checkout sont générés sans nécessiter ./main ni produire junk.js.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript
Domaine
build-system, tooling
Type d'issue
Fonctionnalité
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.