babel为何无法解析node_modules模块下的jsx文件

Question

项目有个公共库文件 通过npm下载引用 针对该库babel进行了处理 但是还是报解析错误
但是本地不通过node_modules加载是没问题的 已经排除了是该公共库文件的问题

js处理相关配置
{
        test: /\.(js|jsx)$/,
        // enforce: 'pre',
        include: [paths.srcPath,require.resolve('../node_modules/common-library')],
        use: [
          {
            options: {
              // formatter: require.resolve('react-dev-utils/eslintFormatter'),
              eslintPath: require.resolve('eslint'),
            },
            loader: require.resolve('eslint-loader'),
          },
          {
            loader: require.resolve('babel-loader'),
            options: {
              customize: require.resolve(
                'babel-preset-react-app/webpack-overrides'
              ),
              cacheDirectory: true,
              cacheCompression: true,
              compact: true,
            }
          }
        ],
      },

.babelrc
{
  "presets": [
    "@babel/preset-env","@babel/preset-react","react-app"
  ],
  "plugins": [
    "@babel/plugin-transform-runtime",
    "@babel/plugin-syntax-dynamic-import",
    ["@babel/plugin-proposal-optional-chaining", { "loose": false }],
    [
      "@babel/plugin-proposal-decorators",
      {
        "legacy": true
      }
    ]
  ]
 }

Answer 1

在vue.config.js中配个这个参数搞定，亲测有用!