@vue/babel-preset-app@4.5.19 causes incorrect dynamic import result.

[wangchuan95]

Here is a entry file:

// main.js

function dynamicImport(filename) {
  import('./modules/' + `${filename}.json`);
}

Here is my babel config file:

// babel.config.js

module.exports = {
  presets: ['@vue/babel-preset-app'],
};

If I install @vue/babel-preset-app@4.5.19 and run yarn build, it output:

./src/modules/ lazy ^\.\/.*$

As you could see, it includes all files under ./src/modules/.

But if I install @vue/babel-preset-app@4.5.18 and run yarn build, it output:

./src/modules/ lazy ^\.\/.*\.json$

It just includes all .json files and is more specific.

Here are my other files:

package.json:

{
  "private": true,
  "scripts": {
    "build": "webpack"
  },
  "devDependencies": {
    "@babel/core": "^7.22.5",
    "@vue/babel-preset-app": "4.5.18",
    "babel-loader": "^9.1.2",
    "webpack": "^5.87.0",
    "webpack-cli": "^5.1.4"
  }
}

// webpack.config.js

const { resolve } = require('path');

module.exports = {
  mode: 'development',
  entry: './src/main.js',
  output: {
    clean: true,
    path: resolve(__dirname, './dist'),
  },
  module: {
    rules: [
      {
        test: /\.m?jsx?$/,
        use: [
          {
            loader: 'babel-loader',
          },
        ],
      },
    ],
  },
};

[wangchuan95]

@sodatea