webstorm vue-cli3 配置别名_Moqin89的博客-程序员资料_webstorm 别名

技术标签: webstorm 配置别名  vue-cli3 配置别名  JavaScript  webstorm vue-cli3 配置别名  

配置后就可以跳转到别名的函数了

我们知道在vue-cli1.x,vue-cli2.x  webstorm配置别名时候可以设置中指向webpack.base.conf.js就可以了

但是vue-cli3.x中是没有webpack.base.conf.js的,别名在vue-config.js中设置了,

chainWebpack: (config) => {
        config.resolve.alias
            .set('@', resolve('src'))
            .set('api', resolve('src/api'))
            .set('common', resolve('src/common'));
    },

而webstorm设置vue.config.js是不能起作用的,

这个时候我们可以新建一个js文件,设置指向这个文件就可以了,当然这个文件的别名要跟vue-config.js的别名相对应

//vue.config.js
chainWebpack: (config) => {
        config.resolve.alias
            .set('@', resolve('src'))
            .set('api', resolve('src/api'))
            .set('common', resolve('src/common'))
            .set('xxx', resolve('src/xxxx'));
    },

比如新建一个alias.config.js

内容如下

//alias.config.js
function resolve(dir) {
    return path.join(__dirname, dir)
}

module.exports = {
    resolve: {
        alias: {
            '@': resolve('src'),
            'common': resolve('src/common'),
            'api': resolve('src/api'),
            'xxx': resolve('src/xxxx')
        }
    }
};

最后是这样

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/MCQq123321/article/details/83348119

智能推荐

LPBYTE\LPSTR_mainsea的博客-程序员资料_qt中定义lpbyte 类型

typedef   unsigned   char   BYTE;       typedef   unsigned   char   *LPBYTE;       typedef   unsigned   char   *PBYTE;       typ

python 中with用法以及with tf.Session(graph = g1) as sess:用法_路漫远吾求索的博客-程序员资料

With用法 以及with tf.Session() as sess用法import osos.environ["TF_CPP_MIN_LOG_LEVEL"]='2' # 只显示 warning 和 Errorimport tensorflow as tfa = tf.constant([1.0,2.0],name = "a")b = tf.constant([2.0, 3.0], ...

pyppeteer:比 selenium 更高效的爬虫利器_「已注销」的博客-程序员资料

API 接口文档:API Reference:https://miyakogi.github.io/pyppeteer/reference.html pyppeteergithub 地址:https://github.com/miyakogi/pyppeteer pyppeteer英文文档地址:https://miyakogi.github.i...

支持向量分类机---乳腺癌的诊断_RicheyLee的博客-程序员资料

%原始数据cancerdata.txt可在网上下载,数据中的B替换成1,M替换成-1,X替换成2,删除了分割符*,替换后的数据命名成cancerdata2.txtclc,cleara=load('cancerdata2.txt');a(:,1)=[]; %删除第一列病例号gind=find(a(:,1)==1); %读出良性肿瘤的序号bind=find(a(:,1)==-1); %读出

python标题的位置_10行Python代码写1个USB病毒_weixin_39723248的博客-程序员资料

昨天在上厕所的时候突发奇想,当你把usb插进去的时候,能不能自动执行usb上的程序。查了一下,发现只有windows上可以,具体的大家也可以搜索(搜索关键词usb autorun)到。但是,如果我想,比如,当一个usb插入时,在后台自动把usb里的重要文件神不知鬼不觉地拷贝到本地或者上传到某个服务器,就需要特殊的软件辅助。于是我心想,能不能用python写一个程序,让它在后台运行。每当有...

随便推点

Spark 机器学习《一》_skynumone的博客-程序员资料

1.机器学习(1)介绍机器学习是一门人工智能的科学,该领域的主要研究对象是人工智能,特别是如何在经验学习中 改善具体算法的性能。 机器学习是对能通过经验自动改进的计算机算法的研究。机器学习是用数据或以往的经验,以此优化计算机程序的性能标准。A computer program is said to learn from experience E with respect to

Android 开发常见问题_android开发遇到的问题及解决方法_xianKOG的博客-程序员资料

Android 开发问题总结修改gradie 中sdk版本号 29以下使用Android规定的文件夹添加android:requestLegacyExternalStorage=”true”到清单中。存储模型发生改变,这样是选择旧式存储模型,并且现有的外部存储代码将起作用。然后动态添加ACTION_MANAGE_ALL_FILES_ACCESS_PERMISSION 权限......

Android开发常见问题收集(长期更新)_生活家小毛的博客-程序员资料_android开发遇到的问题及解决方法

这是笔者在开发过程中遇到的一些问题,现记录成文案,方便日后查阅使用节约时间问题1:Android studio3.0 com.android.tools.aapt2.Aapt2Exception: AAPT2 error?解决此问题的办法是:在工程根目录下新建gradle.properties文件(如果没有就创建、有该文件就不用创建)、新增即可解决问题2:如何打aar包?1:鼠标选中项目中的库module(也就是 apply plugin: 'com.android.library')

excel常用函数公式及技巧_含金量超高的5个Excel函数公式实用技巧解读!_weixin_39863017的博客-程序员资料

一、Datedif:计算年龄。作用:按照指定的类型计算两个日期之间的差值。语法:=Datedif(开始日期,结束日期,统计类型)。统计类型有:示例:方法:在目标单元格中输入公式:=DATEDIF(D3,TODAY(),"y")。解读:利用Today()函数获取当前的系统日期,计算相差的年份(y),即可计算出年龄。二、提取出生年月。方法:在目标单元格中输入公式:=TEXT(MID(C3,7,8),"...

[深度之眼]TensorFlow2.0项目班-分类模型之自定义loss_TF_Keras的博客-程序员资料_自定义分类loss

准备工作:from __future__ import absolute_import, division, print_function, unicode_literalsimport tensorflow as tffrom tensorflow.keras.layers import Dense, Flatten, Conv2Dfrom tensorflow.keras import Modelimport numpy as np# 很奇怪,pycharm不加这段报错,anaconda

推荐文章

热门文章

相关标签