модули, зависящие от нагрузки, порциями с реактивной загрузкой - PullRequest
Новая
       58

модули, зависящие от нагрузки, порциями с реактивной загрузкой

1 голос
/ 01 октября 2019

Приложение (сборка "react": "15.4.1") имеет несколько зависимых модулей. Зависимые модули упоминаются в package.json: "git+https://git.xyz.net/myApp/ui/myModule.ui.git#v0.0.4",.

myModule имеет те же логические объекты. Теперь я применил ленивую загрузку к myModule, используя "react-loadable": "4.0.3",.

. Когда я запускаю npm start для myModule: 

0.my-Module-ui.js
1.my-Module-ui.js
2.my-Module-ui.js
my-Module-ui.js

webpack, файл становится меньшеmyModule: 

var path = require('path');
var webpack = require('webpack');

module.exports = {
  entry: ['./src/index.js'],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'my-Module-ui.js',
    // chunkFilename: '[name].js',
    libraryTarget: 'umd',
    publicPath: '/',
  },
  devServer: {
    contentBase: path.join(__dirname, 'dist'),
    compress: true,
    port: 9000
  },
  module: {
    loaders: [
      {
        test: /\.(json)$/,
        loaders: [
          'json-loader'
        ]
      },
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query:{
          presets: ["es2015" , "stage-0", "react"],
          plugins: ["transform-runtime"],
        }
      },
      {
        test: /\.(sass|less|css)$/,
        loaders: ['style-loader', 'css-loader', 'less-loader']
      },
    // Load images
      { test: /\.jpg/, loader: "url-loader?limit=10000&mimetype=image/jpg" },
      { test: /\.gif/, loader: "url-loader?limit=10000&mimetype=image/gif" },
      { test: /\.png/, loader: "url-loader?limit=10000&mimetype=image/png" },
      { test: /\.svg/, loader: "url-loader?limit=10000&mimetype=image/svg" },


    // Load fonts
      { test: /\.woff(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&mimetype=application/font-woff" },
      { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" },
      { test: /\.woff(2)?(\?v=\d+\.\d+\.\d+)?$/, loader: "url-loader?limit=10000&mimetype=application/font-woff" },
    ]
  },
  // plugins: [
  //   new webpack.optimize.UglifyJsPlugin({comments: false, compress: { warnings: false }, screw_ie8: true})
  // ]
};

Версия веб-пакета в package.json: "webpack": "^3.0.0",

Проблема: , когда я загружаю основное приложение, на главном экране Моего главного приложения естьнекоторый виджет, который использует зависимые модули, не загружается, но мы видим ошибку в консоли. 

2.my-Module-ui.js:1 Uncaught SyntaxError: Unexpected token <
my-Module-ui.js:109 Uncaught (in promise) Error: Loading chunk 2 failed.
    at HTMLScriptElement.onScriptComplete (my-Module-ui.js:109)

Я пробовал все со вчерашнего дня ... Пожалуйста, помогите мне в этом, Пожалуйста, дайте мне знать, если таковые имеютсядругие детали требуются

...