Webpack 4 - 动态导入无法设置正确的位置

Question

我正在使用 Webpack 4 的动态导入。当我构建我的入口文件（app.js）时，在 main.bundle.js 文件中，与其关联的模块无法将它的（模块）位置设置为“dist/{another_module}” '。它设置在根文件夹内。

webpack.config.js

const path = require("path");

module.exports = {
  entry: {
    main: "./src/app.js"
  },
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "[name].bundle.js",
    chunkFilename: "[name].bundle.js"
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      }
     ]
  }
};

源代码/应用程序.js

function getScript() {
  return import(/* webpackChunkName: "script" */ "./script").then(res => {
    console.log(res.default);
  });
}

getScript();

源代码/脚本.js

export default function script() {
    console.log("script file is loaded")
}

.babelrc

{
  "plugins": ["@babel/plugin-syntax-dynamic-import"]
}

Answer 1

我找到了答案，我只需要设置publicPath: "/dist/". 欲了解更多信息 - https://github.com/webpack/webpack/issues/7417