1. 程式人生 > >vue開發常用配置

vue開發常用配置

// config/index.js
module.exports = {
  dev: {
    host: '192.168.1.100', // 修改為本機IP地址進行訪問(如本機IP地址動態獲取,每次啟動時需重新配置,否則啟動會報錯)
  },
  build: {
    assetsPublicPath: './', // 預設為根路徑,修改為當前路徑,防止打包後找不到引用的資源而不顯示頁面
    productionSourceMap: false, // 打包時不生成map檔案
  }
}

// build/utils.js
exports.cssLoaders = function (options) {
  function generateLoaders (loader, loaderOptions) {
    if (options.extract) {
      return ExtractTextPlugin.extract({
        publicPath: '../../' // 增加這一行,解決樣式中引入相對路徑背景圖片,打包後路徑出錯找不到的問題
      })
    }
  }
}