vue2 配置@指向src

简介: vue2 配置@指向src

使用的是vue cli创建的项目。


1.安装 path


如果在 Node.js 环境中运行代码,path 模块默认是可用的,则不需要单独安装,否则输入下面命令安装path

npm i path -S


2.找到vue.config.js文件:

const { defineConfig } = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src')
      }
    }
  },
})
目录
相关文章
|
2月前
|
JavaScript 前端开发
Vue 应用 main.js 里的源代码解析
Vue 应用 main.js 里的源代码解析
|
8月前
|
缓存 JavaScript 前端开发
Vue中的路由介绍以及Node.js的使用
Vue中的路由介绍以及Node.js的使用
|
10月前
|
JavaScript
Vue vue-config.js(字段属性详细介绍)
Vue vue-config.js(字段属性详细介绍)
72 2
|
9月前
|
JavaScript 前端开发
详解js中的this指向
详解js中的this指向
50 0
|
10月前
js-this指向
js-this指向
|
2月前
|
JavaScript 前端开发 API
在VUE3的setup函数中如何引用
在VUE3的setup函数中如何引用
|
2月前
|
JavaScript
【vue】vue2 导入外部js文件如何拿到方法的返回值
【vue】vue2 导入外部js文件如何拿到方法的返回值
35 1
|
8月前
|
JavaScript 前端开发
Vue中this指向问题
Vue中this指向问题
32 1
|
10月前
|
JavaScript 前端开发
解决vue.js + node.js搭接的项目每次修改内容后都要重启问题
解决vue.js + node.js搭接的项目每次修改内容后都要重启问题
141 0
|
11月前
|
设计模式 存储 开发框架
带你理解Vue.js:轻松创建复杂的SPA
“带你理解 Vue.js:轻松创建复杂的 SPA” 是一篇深入探讨 Vue.js 框架及其在单页应用(SPA)开发中的作用的技术博文。在这篇文章中,我们将跟随尘缘..的脚步,一步步了解 Vue.js 的核心概念,包括它的声明式渲染、组件系统、路由管理、状态管理,以及与其他前端框架的比较。 无论你是刚接触前端开发,还是已经有一定经验的开发者,这篇文章都将为你提供深入而全面的 Vue.js 知识,帮助你轻松地创建复杂的单页应用。
73 1