vue2项目中修改transpileDependencies可以在.babelrc么

在Vue 2项目中，无法直接在.babelrc文件中修改transpileDependencies。在Vue CLI 3中，已经将配置文件从.babelrc更改为babel.config.js。因此，在Vue CLI 3中，你需要在babel.config.js文件中修改transpileDependencies的配置。

以下是一个示例的babel.config.js文件，展示了如何修改transpileDependencies的配置：

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  transpileDependencies: [
    'vue-awesome',
    'vuex'
  ]
}

在上述示例中，transpileDependencies数组中的两个依赖包（vue-awesome和vuex）将被转译。

相关问题

vue2项目中修改transpileDependencies在哪里

在Vue2项目中，修改`transpileDependencies`的配置是在`vue.config.js`文件中进行的。

以下是一个示例的`vue.config.js`文件，展示了如何修改`transpileDependencies`的配置：

module.exports = {
  transpileDependencies: [
    'vue-router',
    'vuex'
  ]
}

在上述示例中，`transpileDependencies`是一个数组，用于指定需要进行编译的依赖模块。在这个数组中，你可以添加需要进行编译的依赖模块的名称。

注意：修改完`vue.config.js`文件后，需要重新启动项目才能生效。

vue2项目中配置transpileDependencies

在Vue2项目中，可以通过配置transpileDependencies来指定需要进行babel转译的依赖包。这样可以确保这些依赖包中的ES6+语法也能被转译成ES5语法，以保证在低版本浏览器中的兼容性。

在vue.config.js文件中，可以使用chainWebpack来配置transpileDependencies。具体的配置步骤如下：

1. 打开vue.config.js文件。
2. 在module.exports中添加chainWebpack配置项。
3. 在chainWebpack中使用config.module.rule('js')来获取js相关的rule。
4. 在rule中使用rule.exclude.add(/node_modules/)来排除node_modules目录下的文件。
5. 在rule中使用rule.exclude.add(/(vant|other-lib)/)来排除需要转译的依赖包。
6. 最后使用rule.use('babel-loader')来添加babel-loader。

下面是一个示例的vue.config.js文件的配置：

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('js')
      .exclude
      .add(/node_modules/)
      .end()
      .exclude
      .add(/(vant|other-lib)/)
      .end()
      .use('babel-loader')
      .loader('babel-loader')
      .end()
  }
}

这样配置之后，指定的依赖包将会被babel转译，以确保在低版本浏览器中的兼容性。