为什么webpack在文件夹中放置条目时会创建额外的文件？

Question

如果我为我的文件指定文件夹结构，如下所示：

entry: {
        "lib/polyfill": ["./src/lib/polyfill.ts"],
        "lib/vendor-angular": ["./src/lib/vendor-angular.ts"],
        "lib/vendor-rxjs": ["./src/lib/vendor-rxjs.ts"],
        "app/app": ["./src/main.ts"]
    },
output: {
        path: path.resolve(__dirname, "wwwroot"),
        filename: "[name].js",
        chunkFilename: "[id].chunk.js",
        publicPath: "http://localhost:8080/"
    },

创建的文件夹结构很奇怪，两个位置都有小文件...在根目录和我指定的位置。还没有找到任何关于这一点。

wwwroot
|--app
|  |--
|  |  |--app.js
|--lib
|  |--
|  |  |--polyfill.js
|  |  |--vendor-angular.js
|  |  |--vendor-rxjs.js
|--app.js
|--polyfill.js
|--vendor-angular.js
|--vendor-rxjs.js

我想保持根路径干净。我该怎么做？

webpackJsonp([4,5,6,7],[]);是wwwroot中某些文件中的内容示例。

Answer 1

指定希望webpack放置其生成文件的文件夹的正确方法是在“输出”的“路径”条目中指定它。

您使webpack将生成的文件放在“wwwroot”目录中，而不是“lib”中，但您还为目录指定了名称，这导致webpack将生成的文件放在此目录中同样。

您应该将条目更改为名称，而不使用任何相对路径，并在“path”条目中为生成的文件定义所需的目录。