1. 程式人生 > 程式設計 >基於vue專案設定resolves.alias: '@'路徑並適配webstorm

基於vue專案設定resolves.alias: '@'路徑並適配webstorm

在webpack的配置項中新增下面程式碼

function resolve (dir) {
 return path.join(__dirname,dir)
}
webpackConfig = {
  resolve: {
   alias: {
    '@': resolve('src')
   }
  }
}

然後再設定一下下,在你的IDE中按住CTRL就能根據路徑跳轉到對應檔案了

基於vue專案設定resolves.alias: '@'路徑並適配webstorm

描述: ctrl+alt+s 搜尋 webpack 然後選擇\node_modules\@vue\cli-service\webpack.config.js 檔案 點選 OK

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。