V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
huiyifyj
V2EX  ›  Node.js

webpack 5 升级, 怎么让配置文件可以用 ES6 语法写啊

  •  
  •   huiyifyj · 2021-02-25 10:29:57 +08:00 · 3048 次点击
    这是一个创建于 1346 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在 Webpack 4 还可以通过 cli 的 --config-register @babel/register 参数来开启webpack.config.js 配置文件的 ES6 语法支持

    但是最近升级 5 后发现这个 cli 参数已经不支持了, 导致出现报错。

    import error

    有人知道这情况怎么解决吗?

    13 条回复    2021-02-27 00:26:01 +08:00
    huiyifyj
        1
    huiyifyj  
    OP
       2021-02-25 10:34:22 +08:00
    顶下自己
    huiyifyj
        2
    huiyifyj  
    OP
       2021-02-25 10:39:23 +08:00
    不是吧,这就要沉下去了?
    noe132
        3
    noe132  
       2021-02-25 10:45:55 +08:00   ❤️ 1
    huiyifyj
        4
    huiyifyj  
    OP
       2021-02-25 10:59:32 +08:00
    @noe132 #3 但这种文档好像还是不行
    .babelrc:
    ```
    {
    "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
    ]
    }
    ```
    文档实例还是运行不起来,说是不支持 import 语法
    huiyifyj
        5
    huiyifyj  
    OP
       2021-02-25 11:04:11 +08:00
    @noe132 #3

    已解决,根据官方人员的回复提示,开启 webpack 的 es6 支持需要对配置文件正确命名
    我之前的配置文件是 `webpack.prod.js`, 重命名为 `webpack.prod.babel.js` 就正常了

    https://github.com/webpack/webpack/issues/12772#issuecomment-785007882
    akasuv
        6
    akasuv  
       2021-02-25 13:56:05 +08:00
    js 文件使用 babel-loader 没效果吗?
    huiyifyj
        7
    huiyifyj  
    OP
       2021-02-25 18:46:28 +08:00
    @akasuv #6
    不是 babel-loader,我是想让 webpack 配置文件也开启 es6 的 import 这类的语法
    sam014
        8
    sam014  
       2021-02-26 12:17:02 +08:00
    @huiyifyj #7 你这不叫 node 端 es 语法,你这叫 node 端使用 ES module

    https://juejin.cn/post/6844904004502159373
    sam014
        9
    sam014  
       2021-02-26 12:21:46 +08:00
    #8 发言作废,没过脑子
    claneo
        10
    claneo  
       2021-02-26 19:52:06 +08:00
    huiyifyj
        11
    huiyifyj  
    OP
       2021-02-26 23:04:29 +08:00
    @claneo #10 这是 gulp 吧。不过谢了
    claneo
        12
    claneo  
       2021-02-27 00:01:15 +08:00
    @huiyifyj 好吧偷了个懒没说清楚,webpack 读配置文件的时候会用这个库(在这篇文档第一段就提到了 https://webpack.js.org/configuration/configuration-languages/),然后这个库会根据文件名尝试用对应的编译器来处理文件
    huiyifyj
        13
    huiyifyj  
    OP
       2021-02-27 00:26:01 +08:00
    @claneo #12
    谢谢提醒,你说的应该是那个 node-interpret 吧
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1923 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 16:22 · PVG 00:22 · LAX 09:22 · JFK 12:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.