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

src / app.js

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

getScript();

src / script.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