Maison > interface Web > Tutoriel Layui > Introduction à la façon de faire en sorte que Layui prenne en charge la méthode d'écriture Es5

Introduction à la façon de faire en sorte que Layui prenne en charge la méthode d'écriture Es5

Libérer: 2019-11-23 16:21:32
avant
2417 Les gens l'ont consulté

Introduction à la façon de faire en sorte que Layui prenne en charge la méthode d'écriture Es5

Quand j'écris js, j'écris du code es5, mais lorsque je le conditionne dans dist, je trouve que la syntaxe n'est pas prise en charge. Que dois-je faire ?

Ajoutez le support es5 en deux étapes :

1. Utilisez npm pour télécharger et installer babel, et entrez dans le répertoire où se trouve gulpfile.js.

$ npm install --save-dev gulp-babel @babel/core @babel/preset-env
Copier après la connexion

2. Modifiez le code gulpfile.js à 2 endroits.

var gulp = require('gulp');
var babel = require('gulp-babel'); // 添加这段代码

// ...

 //压缩 JS
  minjs: function(){
    // 修改下面这段代码
    return gulp.src(src).pipe(babel({
      presets: ['@babel/env']
    })).pipe(uglify())
     .pipe(header.apply(null, note))
    .pipe(gulp.dest(destDir + '/layuiadmin'));
  }
Copier après la connexion

Ensuite, vous pouvez entrer gulp comme avant pour terminer la construction de src dans le répertoire dist.

Pour plus de connaissances sur le framework layui, veuillez prêter attention au tutoriel layui.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:layui.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal