vue 打包路徑問題

vue 打包配置路徑輸出解決靜態資源相對路徑問題

方法一：

config/index.js

 build: {

    assetsPublicPath: './',

......

}

方法二：

webpack.prod.conf.js

output: {

      publicPath: './'

}

 

vue 背景圖片的引用路徑問題

build utils.js

if(options.extract){

return ExtractTextPlugin.extract({

        use: loaders,

        fallback: 'vue-style-loader',

        publicPath: '../../'

      })

  } else {

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

  }

}

 

 不使用Vue修改語法正則，須要在webpack.base.conf.js中把如下代碼註釋

module: {

    rules: [

      // {

      //   test: /\.(js|vue)$/,

      //   loader: 'eslint-loader',

      //   enforce: 'pre',

      //   include: [resolve('src'), resolve('test')],

      //   options: {

      //     formatter: require('eslint-friendly-formatter')

      //   }

      // },