@warp-drive/build-config
Version:
Provides Build Configuration for projects using WarpDrive
131 lines (107 loc) • 3.61 kB
Markdown
<p align="center">
<img
class="project-logo"
src="./logos/logo-yellow-slab.svg"
alt="WarpDrive"
width="180px"
title="WarpDrive"
/>
</p>



[](https://discord.gg/zT3asNS
)
[](https://discord.gg/PHBbnWJx5S
)
<p align="center">
<br>
<a href="https://warp-drive.io">WarpDrive</a> is the lightweight data library for web apps —
<br>
universal, typed, reactive, and ready to scale.
<br/><br/>
</p>
---
<h3 align="center">🛠️ @warp-drive/build-config</h3>
<p align="center">Enables providing a build config to optimize application assets</p>
Note - you do not need to install or use this package if using @warp-drive/core.
**Tagged Releases**
- 
- 
- 
- 
- 
## Usage
```ts
import { setConfig } from '@warp-drive/build-config';
setConfig(app, __dirname, {
// ... options
});
```
In an ember-cli-build file that'll typically look like this:
```ts
const EmberApp = require('ember-cli/lib/broccoli/ember-app');
module.exports = async function (defaults) {
const { setConfig } = await import('@warp-drive/build-config');
const app = new EmberApp(defaults, {});
setConfig(app, __dirname, {
// WarpDrive settings go here (if any)
});
return app.toTree();
};
```
### ♥️ Credits
<details>
<summary>Brought to you with ♥️ love by <a href="https://emberjs.com" title="EmberJS">🐹 Ember</a></summary>
<style type="text/css">
img.project-logo {
padding: 0 5em 1em 5em;
width: 100px;
border-bottom: 2px solid #bbb;
margin: 0 auto;
display: block;
}
details > summary {
font-size: 1.1rem;
line-height: 1rem;
margin-bottom: 1rem;
}
details {
font-size: 1rem;
}
details > summary strong {
display: inline-block;
padding: .2rem 0;
color: #000;
border-bottom: 3px solid #bbb;
}
details > details {
margin-left: 2rem;
}
details > details > summary {
font-size: 1rem;
line-height: 1rem;
margin-bottom: 1rem;
}
details > details > summary strong {
display: inline-block;
padding: .2rem 0;
color: #555;
border-bottom: 2px solid #555;
}
details > details {
font-size: .85rem;
}
@media (prefers-color-scheme: dark) {
details > summary strong {
color: #fff;
}
}
@media (prefers-color-scheme: dark) {
details > details > summary strong {
color: #afaba0;
border-bottom: 2px solid #afaba0;
}
}
</style>
</details>