• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

121
Views
Comportamiento inconsistente cuando Babel se ejecuta a través de Babel Loader

Aquí hay un módulo JS index.js que usa características de ES6 ( const , interpolación de cadenas y función de flecha ):

 const displayTime = () => { const now = new Date() alert(`It's ${now.toLocaleTimeString()}`) } displayTime()

Se puede transpilar a ES5 por Babel :

 > npm install @babel/cli @babel/preset-env --save-dev > npx babel --presets=@babel/preset-env src/index.js "use strict"; var displayTime = function displayTime() { var now = new Date(); alert("It's ".concat(now.toLocaleTimeString())); }; displayTime();

Pero al hacerlo a través de Webpack Babel Loader (en una carpeta nueva para evitar conflictos):

 > npm install webpack-cli babel-loader @babel/preset-env --save-dev > cat webpack.config.js module.exports = { module: { rules: [ test: /\.js$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env'] } } } ] } } > npx webpack asset main.js 73 bytes [compared for emit] [minimized] (name: main) ./src/index.js 136 bytes [built] [code generated] WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment. You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/ webpack 5.64.1 compiled with 1 warning in 754 ms > cat dist/main.js (()=>{var t;t=new Date,alert("It's ".concat(t.toLocaleTimeString()))})();

No más const , no más interpolación de cadenas , ¡pero todavía función de flecha !

Para deshacerme de él debo completar la configuración del Webpack con:

 output: { environment: { arrowFunction: false } }

Llegar:

 !function(){var t;t=new Date,alert("It's ".concat(t.toLocaleTimeString()))}();

Por lo tanto, plantea 2 preguntas:

  1. ¿Por qué el comportamiento predeterminado no es el mismo?
  2. ¿Por qué configurar Webpack afecta la salida? Pensé que a Webpack no le preocupaba la transpilación, sino solo la agrupación, o tal vez Babel Loader maneja la función de output/environment/arrowFunction ...
almost 3 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error