Force Browserify, um Abhängigkeiten zu transformieren?

Question

Ich arbeite an zwei Knoten-Paketen gleichzeitig, nennen wir sie Bibliothek und Verbraucher. Die Bibliothek ist dafür verantwortlich, eine Menge Dinge im Browser zu rendern. Alle Consumer ist import Library from 'library' und rufen Sie Library(someConfigHere) - es ist im Grunde nur ein Test, um sicherzustellen, dass Bibliothek tut, was ich im Browser erwarte.

Ich habe npm link ed Bibliothek in Consumer und versuche, Browserify auf Consumer ausführen, aber ich bekomme diesen Fehler: ParseError: 'import' and 'export' may appear only with 'sourceType: module'. Die Bibliothek enthält tatsächlich eine ES6 export-Anweisung, also vermute ich, dass Browserify nur gegen Consumer und nicht Library läuft.

Also meine Frage ist: gibt es eine Möglichkeit, Browserify zu zwingen, Abhängigkeiten sowie zu transformieren?

Das ist mein package.json:

{ 
    "name": "consumer", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "start": "budo index.js --port $PORT", 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "author": "", 
    "license": "ISC", 
    "devDependencies": { 
    "babel-preset-es2015": "^6.13.2", 
    "babel-preset-react": "^6.11.1", 
    "babelify": "^7.3.0", 
    "browserify-shim": "^3.8.12" 
    }, 
    "browserify": { 
    "transform": [ 
     "babelify" 
    ] 
    }, 
    "babel": { 
    "presets": [ 
     "es2015", 
     "react" 
    ] 
    } 
} 

Dies ist index.js Consumer:

import Library from 'library' // <= this is what isn't getting babelified 

console.log(Library); 

Dies ist index.js Bibliothek:

export default (config) => { 
    console.log('Testing testing') 
} 

Answer 1

Browserify Transformationen global sein konfiguriert werden kann, die bedeutet, dass sie ap sein werden pled auf Dateien innerhalb node_modules, auch.

Die Konfiguration erfolgt per-transform. Mit babelify, würden Sie es wie folgt konfiguriert werden:

browserify().transform("babelify", { 
    global: true 
}) 

Oder, wenn Sie die Befehlszeile verwenden, wie folgt aus:

browserify ... -t [ babelify --global ] ... 

Oder, um es in der package.json zu konfigurieren, es sollte wie folgt (beachten Sie die zusätzlichen eckigen Klammern) sein:

"browserify": { 
    "transform": [ 
    ["babelify", { "global": true }] 
    ] 
} 

Babelify implementiert auch eine ignore Option, so dass es möglich wäre, es so zu konfigurieren, dass nur die Dateien innerhalb von node_modules transformiert werden, die Sie möchten. Es gibt weitere Informationen here.

Ein andere Lösung wäre eine ähnliche package.json des browserify/babelify Konfiguration in Ihrem library Modul aufzunehmen. Bei der Verarbeitung von Abhängigkeiten überprüft Browserify die Dateien dieser Datei auf Transformationen und wendet alle konfigurierten Dateien an.