webpack打包6之配置高版本js兼容-配置babel

原创于 2021-09-06 08:46:26 发布 · 240 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#restful #node.js

webpack 专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何在webpack中使用babel来确保高版本JavaScript语法的兼容性，通过详细步骤包括安装所需包、配置和执行打包操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

webpack使用babel处理高版本的js语法
1、安装包

yarn add -D babel-loader @babel/core @babel/preset-env

2、配置

module: {
  rules: [
    {
      test: /\.m?js$/,
      exclude: /(node_modules|bower_components)/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env'],
          plugins: ['@babel/plugin-proposal-object-rest-spread']
        }
      }
    }
  ]
}

3、yarn build打包