代码之家 › 专栏 › 技术社区 › aboutjquery

网页包babel loader是否需要babel.config.js?

babel webpack

aboutjquery · 技术社区 · 6 年前

test: /\.m?js$/,
exclude: /(node_modules|bower_components)/,
use: {
  loader: 'babel-loader?cacheDirectory',
  options: {
    presets: [
      '@babel/preset-env',
      '@babel/react', // Error: Plugin/Preset files are not allowed to export objects, only functions.
    ],
    plugins: [
      [
        '@babel/plugin-proposal-decorators',
        {
          legacy: true,
        },
      ],
      [
        '@babel/plugin-proposal-class-properties',
        {
          loose: true,
        },
      ],
    ],
  },
},

我还需要添加文件吗 babel.config.js .babelrc 再次加倍配置?

如果我使用vscode,我需要这个文件吗 babel.config.js文件

1 回复 | 直到 6 年前

axm__ 6 年前

不,那是多余的。我看到你在用这个例子 babel-loader 文件。我建议使用 example 在巴别塔官方文件(点击网页)。这使您的网页配置简单,并允许过简单的覆盖巴贝尔在文件夹中放置一个 .babelrc 在你想要不同设置的目录中。

{
    "presets": [
        "@babel/preset-env"            
        "@babel/preset-react",
    ],
    "plugins": [
        "@babel/plugin-proposal-class-properties",
        {
            "loose: true
        }
    ]
}

你的网页包配置文件

module: {
    loaders: [
        {
            test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"
        }
    ]
}

考虑到这个错误:确保你至少安装了 @babel/preset-react 和 @babel/preset-env @babel/core @babel/plugin-proposal-class-properties ! 你可能正在使用babel6插件。你能分享一下你的想法吗 package.json

推荐文章

Guillaume Harari · 根据开发或产品环境加载css

6 年前

Max Silva · 无法使用vuejs2和webpack嵌入自定义字体

6 年前

Fered · Npm、Dev dependecy或dependecy,当使用webpack等将所有内容打包到一个脚本中时?

6 年前

Carlo · 如何使用Webpack 4仅在某些模块中导入jQuery?

6 年前

zh-mskl9 · Pug+Web包开发服务器

6 年前

Mizlul · 无法解析“css加载程序!”!自动刷新器加载程序'

6 年前

Aleksandr Gvozdev · 模拟'fs。readdirSync`节点。无递归的js

6 年前

jonnyg · 如何在docker文件中获取我可用的docker环境变量?(使用React/JS/webpack)

6 年前

Boris K · 将Extract Text Webpack插件与Vue CLI 3配合使用

6 年前

IsraGab · 使用webpack从angularjs模块加载特定指令

6 年前