This is a webpack loader for bootstrap.native.
yarn add bootstrap.native
yarn add --dev bootstrap.native-loader
In your webpack config file, in the rules array, add this object. This will compile all of the bootstrap.native modules.
{
test: /bootstrap\.native/,
use: {
loader: 'bootstrap.native-loader'
}
}
There's also an only option. (cannot be used at the same time as the ignore option)
{
test: /bootstrap\.native/,
use: {
loader: 'bootstrap.native-loader',
options: {
bs_version: 4,
only: ['modal', 'dropdown']
}
}
}
Also, an ignore option. (cannot be used at the same time as the only option)
{
test: /bootstrap\.native/,
use: {
loader: 'bootstrap.native-loader',
options: {
bs_version: 4,
ignore: ['carousel', 'button']
}
}
}
A full list of components that can be listed under ignore or only are shown below.
['alert', 'button', 'carousel', 'collapse', 'dropdown', 'modal', 'popover', 'scrollspy', 'tab', 'tooltip']
Once you have the above setup in your add the code below to include the custom build in your bundle.
import 'bootstrap.native';
or if you use require
require('bootstrap.native');