使用 vue-cli 设置时如何从 babel-loader 中排除特定文件?

Posted

技术标签:

【中文标题】使用 vue-cli 设置时如何从 babel-loader 中排除特定文件?【英文标题】:How to exclude specific file from babel-loader when using vue-cli setup? 【发布时间】:2019-05-06 18:31:39 【问题描述】:

vue.config.js 中有一个选项transpileDependencies 可以配置到node_modules 中的所有模块,应该被转译,尽管node_modules 通常被排除在外。

我正在寻找的是相反的东西: 我有一些第三方代码,它们不在node_modules 内,并且已经作为相当大的 ES2015 UMD 模块提供。 (不必要地)转译这需要相当长的时间,有时根本无法完成。因此,我想将此路径配置为从 babel transpiliation 中排除。将此模块放在node_modules 下目前是没有选择的。

那么有没有一种简单的方法来配置路径不被 babel-loader 排除在外?

【问题讨论】:

【参考方案1】:

也许,你可以使用你的babel.config.js 来忽略 babel 进程

const path = require('path')

module.exports = 
  presets: [],
  plugins: [],
  exclude: [
    path.resolve('file path')
  ]

看到那里 https://babeljs.io/docs/en/options#ignore

【讨论】:

以上是关于使用 vue-cli 设置时如何从 babel-loader 中排除特定文件?的主要内容,如果未能解决你的问题,请参考以下文章

Vue-cli创建项目从单页面到多页面4 - 本地开发服务器设置代理

使用vue-cli开发过程中如何把jQuery设置为全局

Vue-cli创建项目从单页面到多页面2-history模式

vue-cli的跨域设置

Vue-cli 如何配置服务器反向代理

vue-cli 如何从组件构建一个库并导入它?