Sharing components across multiple Aurelia projects

Question

we started our project with ES6 javascript skeleton. we would like to extract some styles and custom attributes to a common folder so we can use these at any Aurelia module we will build in the future.

the problem is with the bundle files. we don't know how to config them to bundle external folder out of the main ES6 folder. can you please tell us what to do?

Answer 1

It sounds like you want to build an Aurelia plugin that you can import into any project. I would start by taking a look at the Aurelia plugin skeleton.

Once you've built your plugin with the custom styles and attributes you want, you'll want to either register it with jspm as a link, or publically through a registry such as npm or github.

Once published, you will be able to jspm install registry:my-package in any new project, and add the following line to your main.js file:

export function configure(aurelia) {
    aurelia.use
        .standardConfiguration()
        .plugin('my-package');
}

For more information on this last step, see the brilliant answer provided by Ashley Grant here.