Динамический импорт модулей со своими собственными зависимостями чанка - PullRequest
Новая
       15

Динамический импорт модулей со своими собственными зависимостями чанка

1 голос
/ 29 марта 2019

Я пытаюсь использовать модуль динамического импорта для создания пакета с пакетом npm, используя это превосходное руководство: https://webpack.js.org/guides/code-splitting/

Но пакет npm, который я хочу загрузить динамически, имеет свои собственные зависимости чанка:

зависимости чанка пакета npm

Я вижу, что Webpack правильно создал чанк поставщика:

сгенерированных файлов

Но пакет npm для импорта чанков не реимпортируется, поэтому происходит сбой:

ошибка

Я много гуглил, но не могЯ не нахожу много информации об этом, и я не знаю, является ли это ошибкой, неправильной конфигурацией или это невозможно.

CONFIG: 

// my-project/index.js
const initializeLiveAR = await import(/* webpackChunkName: */ 'revieve-livear-module'); "livear_[index]" 

// webpack.config.js
module.exports = {
  entry: {
    'revieve-sdk': path.resolve(__dirname, config.main_entry),
    demoAR: path.resolve(__dirname, config.demoAR),
    demoPR: path.resolve(__dirname, config.demoPR),
  },
  devtool: 'source-map',
  mode: process.env.NODE_ENV,
  output: {
    path: path.resolve(__dirname, 'build'),
    publicPath: '/',
    filename: '[name].min.js',
    chunkFilename: '[name].chunk.js',
    libraryTarget: 'umd',
  },
  plugins: [
    process.env.ANALYZEBUNDLE ? new BundleAnalyzerPlugin() : function() {},
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
    }),
    new CopyWebpackPlugin([
      { from: 'index.html', to: '.' },
      { from: 'test', to: './test' },
      { from: 'changelog.md', to: '.' },
    ]),
  ],
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
        },
      },
      {
        test: /\.css$/,
        use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
      },
    ],
  },
};
...