vue-router别名配置及路径提示

vue.config.js

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({

  transpileDependencies: true,

  configureWebpack:{

    resolve:{

      alias:{

        'views':'@/views',

        'assets':'@/assets',

        'commonjs':'@/commonjs',

        'components':'@/components',

        'common':'components/common',

        'content':'components/content',

        'network':'@/network',

        'router':'@/router',

        'store':'@/store'

      }

    }

  }

})

jsconfig.json

{

  "compilerOptions": {

    "experimentalDecorators": true,

    "target": "es5",

    "module": "esnext",

    "baseUrl": "./",

    "moduleResolution": "node",

    "paths": {

      "@/*": [

        "src/*"

      ],

      "assets/*":["src/assets/*"],

      "commonjs/*":["src/commonjs/*"],

      "components/*": [

        "src/components/*",

      ],

      "common/*":["src/components/common/*"],

      "content/*":["src/components/content/*"],

      "network/*":["src/network/*"],

      "router/*":["src/router/*"],

      "store/*":["src/store/*"],

      "views/*":["src/views/*"],

    },

    "lib": [

      "esnext",

      "dom",

      "dom.iterable",

      "scripthost"

    ]

  }

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.自己在项目中创建个vue.config.js 2.module.exports = { //配置别名 ...
    Peacefully8阅读 543评论 0 0
  • vue-cli3项目搭建配置以及性能优化项目初始化 注意:安装前请确保有安装node.js,并且node>=8.9...
    O蚂蚁O阅读 1,514评论 0 1
  • 第一个 vue-router 路由 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示hom...
    索伦x阅读 2,530评论 0 3
  • 前提 安装Js 方法1:下载vue.js文件,保存在js目录下方法2:采用npm方式 $ npm install ...
    coderlu阅读 652评论 0 1
  • This project was bootstrapped with Create React App. Belo...
    unspecx阅读 5,311评论 0 2

友情链接更多精彩内容