wandi-gulp-javascripts
v1.2.0
Published
Compile JavaScripts using Webpack
Downloads
5
Readme
gulp-javascripts
Tâche gulp pour compiler le JS
Installation
npm install --save-dev wandi-gulp-javascripts
Utilisation
Paramètres par défaut :
// gulpfile.js
const javascripts = require("gulp-javascripts");
const compile = javascripts({
rootDir: __dirname,
});
module.exports = {
compile,
};
Paramètres custom (voir ci-dessous pour la liste complète des paramètres) :
// gulpfile.js
const javascripts = require("gulp-javascripts");
const path = require("path");
const compile = javascripts({
production: true,
rootDir: __dirname,
}, {
entry: "./path/to/entry.js",
output: {
path: path.join(__dirname, "path", "to", "output"),
filename: "output.js",
},
});
module.exports = {
compile,
};
.babelrc
La tâche utilise babel et
babel-preset-env. Il faut donc
ajouter un fichier .babelrc
à la racine du projet qui utilise la tâche. Ce
fichier est de la forme suivante :
{
"presets": ["env"]
}
Afin de lister les navigateurs sur lesquels le site va tourner, il est
préférable d'ajouter un fichier de configuration browserslist
ou une propriété browserslist
au package.json
. Cela permet à tous les outils ayant besoin d'un liste de
navigateurs de se baser sur la même liste, et ainsi de n'en maintenir qu'une.
Pour une liste exhaustive des options, voir la documentation de babel-preset-env.
Paramètres
params
Type: object
params.production
Type: boolean
Valeur par défaut : false
Si params.production === true
, alors le bundle sera minifié. Le temps de
compilation est plus long avec minification.
params.rootDir
Type: string
Pas de valeur par défaut
Ce paramètre est obligatoire. Il doit être le chemin absolu jusqu'à la racine
du projet. Généralement, passer __dirname
lorsqu'on initialise la tâche dans
le gulpfile.js
suffit (voir les exemples ci-dessus).
webpackConfig
Type: object
Un objet de configuration Webpack. Vous trouverez la documentation de Webpack sur leur site.