如何在webpack中更改请求路径

Question

我试图将PhotoSwipe整合到我当前的项目中

这是webpack.config.js

module.exports =
{
    entry: './input.js',
    output:
    {
        path: 'js/',
        filename: 'output.js'
    },
    resolve:
    {
        alias:
        {
            'photoswipe_js': './node_modules/photoswipe/dist/photoswipe.js',
            'photoswipe_ui_default': './node_modules/photoswipe/dist/photoswipe-ui-default.js'
        }
    },
    watch: true
};

这是我的主要文件

require(['photoswipe_js', 'photoswipe_ui_default'], function( PhotoSwipe, PhotoSwipeUI_Default )
{
    console.log(PhotoSwipe);
    console.log(PhotoSwipeUI_Default);
});

由于某种原因，它试图从项目根目录中找到已编译的文件 喜欢

'/1.output.js'

我需要它来尝试从

获取输出文件

'/bundles/mybundle/js/1.output.js'

相反，我怎么能这样做？

Answer 1

将 publicPath 添加到输出对象：

module.exports =
{
  ...
  output:
  {
    path: 'js/',
    filename: 'output.js',
    publicPath: '/bundles/mybundle/js/'
  },
  ...
};