Файлы комплекта Webpack, расположенные вне папки Project

Question

Можно ли создавать / добавлять в комплект компоненты, находящиеся вне папки проекта

Структура папок

Project1
--src
----components

Project2
--src
----components

Что нужно сделать в webpack.config.js для добавления компонентов из одного проекта в другой (при условии, что node_modules одинаковы). Использование Webpack3.

Answer 1

Где вы указываете свою выходную информацию, вы можете использовать path.resolve с .. для доступа к каталогам более высокого уровня.

Таким образом, вы бы добавили путь к вашему webpack.config:

const path = require("path");

И затем в экспортируемой конфигурации сборки вы можете изменить свой путь следующим образом: он будет находиться в папке dist на три папки выше местоположения вашего файла конфигурации:

output: {
    path: path.resolve(__dirname, "./../../../dist"),
    filename: "app.bundle.js"
}

__dirname - это глобальная переменная только для чтения, которая должна автоматически указывать путь к вашему webpack.config.js.

Если вы хотите создать сборку из внешнего источника, вы сможете установить точку входа в другой проект аналогичным образом. В этом примере путь разрешает два уровня выше пути вашего веб-конфигурации, а затем находит app.tsx в Project2, src, components.

entry: [ path.resolve(__dirname, "./../../Project2/src/components") + "/app.tsx" ]