webpack 这个配置有什么作用?

看vuex 的例子,有一个配置不清楚,在vuex examples server.js 中一个配置 publicPath: '/__build__/' , '/__build__/'是在那个目录,运行起来没有这个目录?
配置:

//server.js


const express = require('express')
const webpack = require('webpack')
const webpackDevMiddleware = require('webpack-dev-middleware')
const webpackHotMiddleware = require('webpack-hot-middleware')
const WebpackConfig = require('./webpack.config')

const app = express()
const compiler = webpack(WebpackConfig)

app.use(webpackDevMiddleware(compiler, {
  publicPath: '/__build__/',//这个路径是在那?
  stats: {
    colors: true,
    chunks: false
  }
}))

app.use(webpackHotMiddleware(compiler))

app.use(express.static(__dirname))

const port = process.env.PORT || 8080
module.exports = app.listen(port, () => {
  console.log(`Server listening on http://localhost:${port}, Ctrl+C to stop`)
})

vuex的源码:
https://github.com/vuejs/vuex...

阅读 2k
2 个回答

这个是 用在代码中的路径。表示所有的静态资源都要加这个前缀拼接。
比如,你的css中写了一个 background: url(../images/a.png) ,打包后就变成了 /__build__/../images/a.png

一般上线就会替换成 cdn的地址

老版本的 publicPath 了,一般线上 prod 配置用,用来防止 CDN 路径的,会防止到 manifest 文件中的变量里面

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题