0.3.2 • Published 11 months ago
@hokulea/ember v0.3.2
Hokulea
Welcome to Hokulea the whimsical Design System for Ember.
Installation
You need the following packages:
- Ember API:
@hokulea/ember
- A theme:
@hokulea/theme-moana
(or your own) - Theme Loader:
ember-theemo
Install all of it:
pnpm add @hokulea/ember @hokulea/theme-moana ember-theemo
Configuration
To load the theme and hokulea assets, add these to your ember-cli-build.js
:
- add
theemoPlugin()
to webpack plugins (when using embroider) - add
HokuleaAssetLoaderWebpackPlugin
to webpack - configure default theme for
theemo
// ember-cli-build.js
module.exports = function (defaults) {
let app = new EmberApp(defaults, {
// ...
theemo: {
defaultTheme: 'moana'
},
autoImport: {
webpack: {
plugins: [new HokuleaAssetLoaderWebpackPlugin() /* ... */]
}
},
};
const { Webpack } = require('@embroider/webpack');
return require('@embroider/compat').compatBuild(app, Webpack, {
// ..
packagerOptions: {
webpackConfig: {
plugins: [theemoPlugin(), new HokuleaAssetLoaderWebpackPlugin()],
}
}
};
});