dist/es6
directory that consists of ES6 compatible classes. This guide shows how you can bundle FormValidation with
Webpack
.
the-root-directory
|
├── node_modules
├── vendors
|
└── formvalidation
|
└── dist
|
└── es6
└── webpack.config.js
resolve.alias
setting to
webpack.config.js
:
// webpack.config.js
const
path
=
require
(
'path'
)
;
module
.
exports
=
{
resolve
:
{
extensions
:
[
'.js'
]
,
alias
:
{
formvalidation
:
path
.
resolve
(
__dirname
,
'vendors/formvalidation/dist/es6'
)
,
}
,
}
,
...
}
;
// Use the algorithms
import
luhn
from
'formvalidation/algorithms/luhn'
;
// Use the validators
import
creditCard
from
'formvalidation/validators/creditCard'
;
const
result
=
creditCard
(
)
.
validate
(
{
value
:
...
,
options
:
{
message
:
...
,
}
,
}
)
;
// Use the core library
import
formValidation
from
'formvalidation/core/Core'
;
// Use the plugins
import
Icon
from
'formvalidation/plugins/Icon'
;
import
Trigger
from
'formvalidation/plugins/Trigger'
;
import
Bootstrap
from
'formvalidation/plugins/Bootstrap'
;
...