A grunt systemJS build tool task to create plugin based bundles.
This grunt task is just a wrapper for the node module called systemjs-pluginbuilder. If you have any issues or feature requests, please consider if this may belongs to the node module its self.
If you haven't used grunt before, be sure to check out the Getting Started guide.
From the same directory as your project's Gruntfile and package.json, install this plugin with the following command:
npm install grunt-systemjs-pluginbuilder --save-dev
Once that's done, add this line to your project's Gruntfile:
grunt.loadNpmTasks('grunt-systemjs-pluginbuilder');
Inside your Gruntfile.js
file add a section named pluginbuilder
. This section
specifies the tasks. Each task takes sources and options as parameters.
This defines the builder which should be used. There are currently two possible
values: systemjs
and jspm
. Each value refers to a specific builder:
systemjs
uses the systemjs-builderjspm
uses the included builder of jspm
The default value of this option is systemjs
.
Attention: When using jspm
as builder, the configPath
option will
be ignored. The builder uses the configured path to the config file inside the
package.json
. You also should not rewrite the baseURL
property using
the config
option. This value can be defined in the package.json
as
well.
builder: 'systemjs'
This sets the path to the systemjs config file. This is option is required when
using the systemjs
builder.
configPath: 'js/src/config.js'
This option allows to add or overwrite settings from the loaded config file.
config: {
paths: {
'app/*': 'js/src/*'
}
}
This is the path to the base file. The path should be defined as string
.
This option is required.
basePath: 'js/src/Base.js'
This is a list of all plugin files. The build of these files will have a
substracted module tree of the base file. The paths will be defined as
array of strings
.
pluginPaths: [
'js/src/PluginA.js',
'anywhere/else/src/PluginB.js'
]
This defines the relative output path for built base and plugin files. The
path is defined relative to each source file (defined by basePath
and
pluginPaths
). The default value is '../build/'
.
out: '../build/'
Example: When using ../build/
as out
option, with
js/src/Base.js
being the location of the base file, the build process
will output to js/build/Base.js
.
pluginbuilder: {
all: {
options: {
builder: 'systemjs',
configPath: 'js/src/config.js',
config: {paths: {
'app/*': 'js/src/*'
},
basePath: 'js/src/Base.js',
pluginPathes: 'js/src/Plugin*.js',
out: '../build/'
}
}
}
Run grunt
to validate and run the tests.