webpack bundle在错误的位置寻找2.bundle.js

Question

我正在使用Vue的aysnc组件，代码如下：

Vue.component( 'async-webpack-example', () => import('./my-async-component') )

它构建良好，webpack管理创建2.bundle.js

不幸的是，在加载文件时，它会在根目录（http://example.com/2.bundle.js）中查找2.bundle.js，而不是在http://example.com/js/2.bundle.js所在的位置。

我需要一个webpack指令来解决这个问题吗？如果是这样，我需要什么样的指令？谢谢！ :)

Answer 1

没关系。我找到了答案。

在您的webpack.config.js文件中，

output: {
    path: path.resolve( __dirname, './js' ),
    filename: '[name].bundle.js',
    publicPath: './wp-content/themes/dist/js/'
},