Блог

Я создал 2 записи в своем веб-пакете и хочу динамически импортировать их.

Мой импорт выглядит так
return import(/* webpackChunkName: "module1.bundle" */ '../../dist/module1.bundle')

Проблема в том, что я использую хэш для файла.
Таким образом, мой вывод выглядит примерно так module1.[hash].bundle.js .
И поэтому я получаю ошибку
Can't resolve '../../dist/module1.bundle' in 'C:UsersUserProjectsProjectappabsence .

Мой конфигурационный файл выглядит так

 entry: {  app: './app/index.ts',  module1: './app/module1/index.ts',  },  output: {  filename: '[name].[contenthash].bundle.js',  path: path.resolve(__dirname, 'dist'),  chunkFilename: '[name].js',  },  resolve: {  extensions: [ '.ts', '.js' ],  },  optimization: {  moduleIds: 'deterministic',  runtimeChunk: 'single',  splitChunks: {  chunks: 'all',  cacheGroups: {  vendor: {  test: /[\/]node_modules[\/]/,  name: 'vendors',  chunks: 'all',  },  },  },  },  plugins: [  new MiniCssExtractPlugin({  filename: '[name].[contenthash].css',  }),  ],  module: {  rules: [  {  test: /.ts$/,  exclude: /node_modules/,  use: [  {  loader: 'babel-loader',  options: {  presets: [  [ '@babel/preset-env', { debug: true } ],  ],  plugins: [  '@babel/plugin-transform-shorthand-properties',  '@babel/plugin-transform-destructuring',  ],  },  },  {  loader: 'ts-loader',  },  ],  },  ],  },   

Как я могу заставить динамический импорт разрешить хэшированный файл?
Спасибо