Javascript

怎么在前端工程化项目中对js高级语法进行一个转化?babel

本文主要是介绍怎么在前端工程化项目中对js高级语法进行一个转化?babel,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

谈到高级js语法转换,自然是离不开babel

webpack": “^5.66.0”
这个webpack版本其实是可以处理css中url路径的 而且也可以解析高级的js语法

如果不能处理这些高级的js语法在项目工程化中处理步骤

  1. 安装babel转换器相关的包: npm i babel-loader @babel/core @babel/runtime -D
  2. 安装babel语法插件相关的包: npm i @babel/preset-env @babel/plugin-transform-runtime @babel/plugin-proposal-class-properties -D
  3. 项目根目录中,创建babel配置文件 babel.config.js并初始化配置如下:
module.exports = {
  presets: ['@babel/preset-env'],
  plugins: ['@babel/plugin-transform-runtime','@babel/plugin-proposal-class-properties']
}
  1. 在webapack.config.js 的加载器配置规则中配置如下
// exclude 为排除项 表示babel-loader 不需要处理node_modules中的js文件
{test: /\.js$/,use:'babel-loader',exclude: /node_modules/}
这篇关于怎么在前端工程化项目中对js高级语法进行一个转化?babel的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!