如何在vue.config.js中配置nodes_modules中的某个文件es6转es5？

Question

我看网上都是都是webpack.config.js配置，但是我的项目找来找去都没有这个文件。我看vue.config.js有个chainWebpack，感觉应该是在这里配置，但具体怎么写又没不会？

Answer 1

// webpack.config.js

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  },
  // ...
  // 指定需要进行 Babel 转译的依赖模块
  transpileDependencies: [
    'module-a',
    'module-b',
    /module-c/,
  ]
}

使用 transpileDependencies 选项指定需要进行转译的依赖模块，可以是模块的名称，也可以是正则表达式匹配的模块名称。例如，上面的配置将会对模块 module-a、module-b 和所有名称中包含 module-c 的模块进行 Babel 转译。

Answer 2

试试这样子，vue-virtual-scroller为第三方库：

{
  transpileDependencies: [
      /[/\\]node_modules[/\\](.+?)?vue-virtual-scroller(.*)/
   ]
}

Answer 3

下载：yarn add @babel/runtime @babel/plugin-transform-runtime babel-loader @babel/core @bable/preset-env

在你这个文件里配置：config.module.rule('js').test('.js').include.add(resolve('xxxx')).end().use('babel-loader').options({presets: ['@babel/preset-env'],plugins: [['@babel/plugin-transform-runtime']]}).end()