放置在Project文件夹外的Webpack捆绑文件

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" ]