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的路径。

如果您打算从外部来源获取构建，则应该能够以类似的方式将入口点设置到另一个项目。在此示例中，该路径将比您的webconfig路径解析两个级别，然后在app.tsx，Project2，src下找到components。

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