webpack打包后dist文件夹放到线上找不到css,js文件

Question

如题，用Webpack打包后，在本地用anywhere看的时候可以的，结果把dist放上线上就找不到css跟js

Answer 1

webpack 配置打包以后静态资源的路径

Answer 2

配置output字段里的publicPath, 如：

webpack.config.js:

...
module.exports = {
    ...
    output: {
        filename: "js/[chunkhash].[name].js",
        chunkFilename: "js/[chunkhash].[name].chunk.js",
        path: path.resolve(__dirname, 'dist'),
        publicPath: "/" //静态资源路径
    },
    ...

}
...

静态资源最终访问路径 = output.publicPath + 资源loader或插件等配置路径