Browser require, bringing the power of npm into your browser.
Prepare package.json and package-lock.json like normal. By default, brewquire will looks for package-lock.json in the current path and resolve all dependencies from there.
<script src="https://unpkg.com/brewquire"></script>
<script>brewquire("./index")</script>
You can also, points to a remote package-lock.json. Brewquire will resolve from node_modules folder on the same path as package-lock.json
<script src="https://unpkg.com/brewquire"></script>
<script>brewquire("./index", {packageLock: "vue-demo/package-lock.json"})</script>
You can also use cdn to load all dependencies. (See Demo source for a complete example)
<script src="https://unpkg.com/brewquire"></script>
<script>brewquire("./index", {cdn: "https://unpkg.com"})</script>
If you need to configure babel, please provide a transform method
<script src="https://unpkg.com/brewquire"></script>
<script src="https://unpkg.com/@babel/standalone"></script>
<script>
let transform = (code,url) => {
return Babel.transform(code,
{filename:url,presets: ["es2015", ["stage-2", {decoratorsLegacy: true, loose: true}]]}
).code;
};
brewquire("./index", {transform})
</script>