Совместное использование модулей времени выполнения между двумя пакетами веб-пакетов - PullRequest
Новая
       7

Совместное использование модулей времени выполнения между двумя пакетами веб-пакетов

0 голосов
/ 08 сентября 2018

У меня есть webapp и myconfig разные проекты, оба построенные отдельно с использованием webpack4, но загруженные на одной странице. Как я могу использовать одну среду выполнения, чтобы и webapp, и myconfig могли совместно использовать модули внешних поставщиков?

Я бы хотел, чтобы мой HTML выглядел примерно так: 

<html>
    <head>
        <meta charset="UTF-8">
        <title>Webapp</title>
    </head>
    <body>
        <script type="text/javascript" src="runtime.js"></script>
        <script type="text/javascript" src="vendor.js"></script>
        <!-- Load an external webpack transpiled myconfig.js file -->
        <script type="text/javascript" src="api/config/myconfig.js"></script>
        <script type="text/javascript" src="app.js"></script>
    </body>
</html>

В myconfig я бы хотел сделать что-то вроде: 

import _ from 'lodash';

export default class DefaultConfig {

    constructor() {
        console.log('Hello from new config');
        console.log(_.difference([2, 1], [2, 3]));
    }
}

В webapp я бы хотел сделать что-то вроде: 

import DefaultConfig from 'myconfig';
import _ from 'lodash';

const c = new DefaultConfig();
console.log(c);
console.log(_.difference([2, 1], [2, 3]));

И, конечно, lodash будет загружен только один раз из vendor.js.

...