Comment configurer le fichier de configuration Babel dans vue-cli

Babel est un transcodeur largement utilisé qui peut convertir le code ES6 en code ES5 afin qu'il puisse être exécuté dans l'environnement existant. Cet article présente le fichier de configuration babelrc dans le répertoire racine de l'outil d'échafaudage vue-cli

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 vu le jour 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 davantage sur le fichier .babelrc de

échafaudage vue-cli par vous-même

<.>

{
 // 此项指明，转码的规则
 "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, qui parfois sont difficiles à comprendre.

Par exemple, le fichier .babelrc, ce fichier 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, des configurations, etc. qui sont automatiquement chargés au moment de 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

ou
. BABEL_ENVNODE_ENVJ'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

Expliquez en détail les compétences pratiques dans Immutable et React

Comment résoudre le problème d'erreur sur IE compatible VUEX (Tutoriel détaillé)

Comment utiliser readline dans Node.js pour lire et écrire le contenu d'un fichier ligne par ligne

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!