标签：runtime plugin babel loader 语法 工程化 js

谈到高级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']
}

4. 在webapack.config.js 的加载器配置规则中配置如下

// exclude 为排除项 表示babel-loader 不需要处理node_modules中的js文件
{test: /\.js$/,use:'babel-loader',exclude: /node_modules/}

标签：runtime,plugin,babel,loader,语法,工程化,js
来源： https://blog.csdn.net/weixin_43131046/article/details/122748740

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。