vue alias別名路徑問題

1⃣️vue-cli項目打包後空白：在config 》 index.js下的build中配置

assetsPublicPath: './',

2⃣️項目別名配置

 alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'styl': resolve('static'), // 配置css引入別名，引用時，前面加～
      'image': resolve('src/assets'), // 配置靜態圖片引入別名，引用圖片時前面加～,在css中引入則加～
    }

html

<img src="~/image/home/1.png" alt="">

css

background: url("~image/home/homebg.jpg") no-repeat

然後處理打包後背景圖路徑問題在build文件下的utils.js 中的： 加上publicPath：'../../'

if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        publicPath: '../../',
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }