diff --git a/docs/pages/javascript.md b/docs/pages/javascript.md index f6c5a85039..33d97a49c8 100644 --- a/docs/pages/javascript.md +++ b/docs/pages/javascript.md @@ -39,7 +39,7 @@ Know that they all require `foundation.core.js` to be loaded *first*. Some plugi ### Import in JavaScript -By default, Foundation is exported as [UMD modules](http://bob.yexley.net/umd-javascript-that-runs-anywhere/). This means that Foundation and its plugins can be imported and used in any JavaScript environnement. +By default, Foundation is exported as [UMD modules](http://bob.yexley.net/umd-javascript-that-runs-anywhere/). This means that Foundation and its plugins can be imported and used in any JavaScript environment. For example with [ES6](https://github.com/lukehoban/es6features#readme) (the ESM format): ```js @@ -65,10 +65,10 @@ var $dropdown = new Dropdown('#mydropdown'); #### Available formats -Foundation is proposed in bundles of various module formats so you can pick the one that match the best your needs. If you don't know these terms yet, take a look at this [10-minute introduction to module formats in JavaScript](https://www.jvandemo.com/a-10-minute-primer-to-javascript-modules-module-formats-module-loaders-and-module-bundlers/). You will find in the `dist/js` folder the following bundles: +Foundation is provided in bundles of various module formats so you can pick the one that matches the best your needs. If you don't know these terms yet, take a look at this [10-minute introduction to module formats in JavaScript](https://www.jvandemo.com/a-10-minute-primer-to-javascript-modules-module-formats-module-loaders-and-module-bundlers/). You will find in the `dist/js` folder the following bundles: * `foundation.js` UMD Default
- Compatible with most environments and tools (AMD, CJS, ESM...). It works almost everywhere by checking the module format of your environments and then using it, which make the bundle a little heavier. + Compatible with most environments and tools (AMD, CJS, ESM...). It works almost everywhere by checking the module format of your environments and then using it, which makes the bundle a little heavier. * `foundation.cjs.js` CommonJS
Dedicated to Node.js and older bundlers like Browserify or Webpack v1. @@ -77,7 +77,7 @@ Foundation is proposed in bundles of various module formats so you can pick the Everything is transpiled to ES5 but the modules. Dedicated to modern bundlers, like Webpack 2+ or Rollup. They will automatically use this bundle and parse the ES6 modules to remove the unused code (see [tree shaking](#tree-shaking) below). * `foundation.es6.js` ES6 (`esnext` in `package.json`)
- Unlike the others bundles, this bundle is not transpiled. It contains all the Foundation sources in ES6 in a single file. Use it if you want to manually transpile it for your own targets. + Unlike the other bundles, this bundle is not transpiled. It contains all the Foundation sources in ES6 in a single file. Use it if you want to manually transpile it for your own targets. #### Tree Shaking diff --git a/gulp/tasks/deploy.js b/gulp/tasks/deploy.js index a26dad5076..30682d3616 100644 --- a/gulp/tasks/deploy.js +++ b/gulp/tasks/deploy.js @@ -99,8 +99,8 @@ gulp.task('deploy:dist:files', function() { // Generates JS bundles and puts them in the dist/ folder. // // In addition to the UMD bundle coming from the build task, the following -// formats are generared: CJS, ESM, ES6. -// See "rollup.config.js" for more informations. +// formats are generated: CJS, ESM, ES6. +// See "rollup.config.js" for more information. // gulp.task('deploy:dist:bundles', gulp.series( // Create a subtask for each Rollup config diff --git a/rollup.config.js b/rollup.config.js index ba40de356c..075516c238 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -14,7 +14,7 @@ var baseConfig = { module.exports = [ // UMD - // Compatible with most environements and tools (AMD, CJS, ESM...), + // Compatible with most environments and tools (AMD, CJS, ESM...), // > Generated with Webpack. See the "javascript:foundation" gulp task. // > TODO: factorize the assets generation.