消息关闭
    暂无新消息!

webpack 的babel配置是有的。
我是在src下新建了一个.js文件

webpack配置如下:

  {
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('test')]
  },
  

目录结构:

dev-server.js import Vue 是报错的。包括其他好多文件都不行。


6个回答

︿ 3

@_暮雨_
说的是对的。
报错部分的文件是直接不经编译运行在node中的。而你src中的代码会经过编译将import编译为支持的模块化标准。
除非你对webpack自身的代码也进行一次编译。
然后你也看到了,vue-cliwebpack部分的代码用的是require

︿ 1

加一项

{
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('test')],
    options: {
        presets: ['es2015',"stage-0"]
    }
  }

记得要先装stage-0这个npm包哦

︿ 0

build目录是node.js在执行,目前node.js还不支持esm的模块化方式。

实际上build目录是构建用的,在不了解其内容的情况下谨慎修改。代码相关的内容在src目录下。