鍍金池/ 問答/HTML/ webpack 這個(gè)配置有什么作用?

webpack 這個(gè)配置有什么作用?

看vuex 的例子,有一個(gè)配置不清楚,在vuex examples server.js 中一個(gè)配置 publicPath: '/__build__/' , '/__build__/'是在那個(gè)目錄,運(yùn)行起來沒有這個(gè)目錄?
配置:

//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__/',//這個(gè)路徑是在那?
  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...

回答
編輯回答
雨蝶

老版本的 publicPath 了,一般線上 prod 配置用,用來防止 CDN 路徑的,會防止到 manifest 文件中的變量里面

2018年7月27日 20:50
編輯回答
替身

這個(gè)是 用在代碼中的路徑。表示所有的靜態(tài)資源都要加這個(gè)前綴拼接。
比如,你的css中寫了一個(gè) background: url(../images/a.png) ,打包后就變成了 /__build__/../images/a.png

一般上線就會替換成 cdn的地址

2018年3月10日 21:37