Comment utiliser le fichier de configuration vue-clibabel.babelrc

Cette fois, je vais vous expliquer comment utiliser le fichier de configuration vue-clibabel.babelrc. Quelles sont les précautions pour utiliser le fichier de configuration vue-clibabel.babelrc. sont des cas pratiques.

Cet article présente le fichier de configuration babelrc dans le répertoire racine de l'outil d'échafaudage vue-cli

Introduction

Les navigateurs ne prennent pas encore en charge toutes les fonctionnalités d'es6, mais l'utilisation d'es6 est la tendance générale, donc babel a été créé pour convertir le code es6 en code que le navigateur peut reconnaître

babel fournit un outil de ligne de commande spécial pour faciliter le transcodage, vous pouvez en apprendre par vous-même

Fichier .babelrc de l'échafaudage vue-cli

{
 // 此项指明，转码的规则
 "presets": [
 // env项是借助插件babel-preset-env，下面这个配置说的是babel对es6,es7,es8进行转码，并且设置amd,commonjs这样的模块化文件，不进行转码
 ["env", { "modules": false }],
 // 下面这个是不同阶段出现的es语法，包含不同的转码插件
 "stage-2"
 ],
 // 下面这个选项是引用插件来处理代码的转换，transform-runtime用来处理全局函数和优化babel编译
 "plugins": ["transform-runtime"],
 // 下面指的是在生成的文件中，不产生注释
 "comments": false,
 // 下面这段是在特定的环境中所执行的转码规则，当环境变量是下面的test就会覆盖上面的设置
 "env": {
 // test 是提前设置的环境变量，如果没有设置BABEL_ENV则使用NODE_ENV，如果都没有设置默认就是development
 "test": {
  "presets": ["env", "stage-2"],
  // instanbul是一个用来测试转码后代码的工具
  "plugins": ["istanbul"]
 }
 }
}

ps : Laissez-moi vous présenter le fichier de configuration .babelrc

Concernant la structure du projet React, il existe de nombreux fichiers de configuration, parfois difficiles à comprendre.

Par exemple, le fichier .babelrc est utilisé pour définir les règles de transcodage et les plug-ins.

Si vous êtes familier avec Linux, vous devez savoir que les fichiers se terminant par rc représentent généralement des fichiers chargés automatiquement, des configurations, etc. pendant l'exécution. Dans babel6, ce fichier est indispensable.
Vous pouvez y configurer les commandes babel. Lorsque vous utiliserez le cli de babel à l'avenir, vous pourrez utiliser moins de configuration. Il existe également un champ env, qui peut effectuer différentes opérations de compilation sur différentes variables d'environnement spécifiées par BABEL_ENV ou NODE_ENV.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation des mutations et des actions Vuex

FileReader implémente l'aperçu local avant de télécharger des images

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!