关于vue.js:vue中配置为src目录

vue中配置@为src目录

1.开发环境 vue.js
2.电脑系统windows10 专业版
3.在应用vue开发的过程中,咱们常常会引入文件,通过咱们都会应用相对路径 中 ../ ,这样的形式引入对应的文件,然而一旦文件构造产生了变动,这种形式就是一个坑,往往会呈现找不到文件的状况。解决办法:在vue.config.js中进行配置,把@符号配置为src,这样的话,咱们再次引入文件的话,就是 @/api 这种模式,这样不管怎么变,都不会呈现找不到文件的状况。
4.在vue.config.js中增加如下代码:

const path=require('path');  function resolve (dir) {      path.join(__dirname, dir);  }  module.exports = {    chainWebpack: config => {          config.resolve.alias.set('@', resolve('src'))      },   configureWebpack: {          resolve: {              extensions: ['js', 'vue'],   alias: {                  '@': resolve('src')              }          }      }  }

5.以上配置实现了,在vue组件中引入形式如下：

import {chen} from '@/api/Login/Login'

6.本期的教程到了这里就完结啦,是不是很棒,是不是很nice,让咱们一起致力走向巅峰!