vue打包

1:打開webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ctrl點(diǎn)擊,跳轉(zhuǎn)到index.js文件

2:其中dev是開發(fā)環(huán)境,build是構(gòu)建版本,找到build下面的assetsPublicPath: '/',然后修改為assetsPublicPath: './',即“/”前加點(diǎn)。

3:經(jīng)常遇見的問題是 css 中 background-image 的相對路徑不能正確的引用到 img 文件夾中。但是用 ExtractTextWebpackPlugin 的 publicPath 配置就可以。

更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置:

if (options.extract) {

? return ExtractTextPlugin.extract({

? ? use: loaders,

? ? publicPath: '../../',? ? ? ? // 注意配置這一部分,根據(jù)目錄結(jié)構(gòu)自由調(diào)整

? ? fallback: 'vue-style-loader'

? })

} else {

? return ['vue-style-loader'].concat(loaders)

4:運(yùn)行npm run build

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容