vue-cli 为项目设置别名的方法


Posted in Javascript onOctober 15, 2019

1.使用场景:在项目开发过程中经常需要引入各种文件,例img,css,js等,我们可以在vue-cli中给不同目录设置别名,方便我们使用

2.vue-cli 2x 配置

// 在 webpack.base.config.js中的 resolve 配置项,在其 alias 中增加别名

resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
   'vue$': 'vue/dist/vue.esm.js',
   '@': resolve('src'),
  }
 }

3.vue-cli 3x 配置

// 在根目录下创建vue.config.js

var path = require('path')
function resolve (dir) {
 console.log(__dirname)
 return path.join(__dirname, dir)
}
module.exports = {
 chainWebpack: config => {
  config.resolve.alias
   .set(key, value) // key,value自行定义,比如.set('@@', resolve('src/components'))
 }
}

4.保存,重启项目

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用js查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
ECMAScript 创建自己的js类库
Nov 22 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
Jun 16 Javascript
JavaScript表格常用操作方法汇总
Apr 15 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
Sep 15 Javascript
程序员必知35个jQuery 代码片段
Nov 05 Javascript
JS 对象(Object)和字符串(String)互转方法
May 20 Javascript
jQuery实现可拖拽的许愿墙效果【附demo源码下载】
Sep 14 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
Oct 29 Javascript
elementUI select组件默认选中效果实现的方法
Mar 25 Javascript
vue动态设置路由权限的主要思路
Jan 13 Vue.js
Vue 实现输入框新增搜索历史记录功能
Oct 15 #Javascript
Centos7 安装Node.js10以上版本的方法步骤
Oct 15 #Javascript
微信小程序如何实现五星评价功能
Oct 15 #Javascript
node.js express框架实现文件上传与下载功能实例详解
Oct 15 #Javascript
ES6 Promise对象概念及用法实例详解
Oct 15 #Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
Oct 15 #Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
Oct 15 #Javascript
You might like
星际初学者游戏中永远要做的事
2020/03/04 星际争霸
PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法
2014/12/25 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
基于php中echo用逗号和用点号的区别详解
2018/01/23 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
ASP SQL防注入的方法
2008/12/25 Javascript
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
使用UglifyJS合并/压缩JavaScript的方法
2012/03/07 Javascript
js检测网络是否具体连接功能的代码
2014/05/23 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
2015/09/30 Javascript
JS前端知识点 运算符优先级,URL编码与解码,String,Math,arguments操作整理总结
2019/06/27 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
layui table去掉右侧滑动条的实现方法
2019/09/05 Javascript
vue使用nprogress加载路由进度条的方法
2020/06/04 Javascript
通过实例解析js可枚举属性与不可枚举属性
2020/12/02 Javascript
[01:09:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第一场 6.2
2018/06/04 DOTA
[01:11:48]Fnatic vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[38:42]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第二场 11.05
2020/11/05 DOTA
bat和python批量重命名文件的实现代码
2016/05/19 Python
Python的Tornado框架实现图片上传及图片大小修改功能
2016/06/30 Python
python模拟表单提交登录图书馆
2018/04/27 Python
python IDLE 背景以及字体大小的修改方法
2019/07/12 Python
python+mysql实现个人论文管理系统
2019/10/25 Python
python 读写文件包含多种编码格式的解决方式
2019/12/20 Python
整理HTML5的一些新特性与Canvas的常用属性
2016/01/29 HTML / CSS
波兰品牌内衣及泳装网上商店:Astratex.pl
2017/02/03 全球购物
eBay美国官网:eBay.com
2020/10/24 全球购物
物业保安员岗位职责
2014/03/14 职场文书
委托书范本
2014/04/02 职场文书
计算机系本科生求职信
2014/05/31 职场文书
个人求职信格式范文
2015/03/20 职场文书
大学生村官入党自传
2015/06/26 职场文书
酒店员工管理制度
2015/08/05 职场文书
Python图片检索之以图搜图
2021/05/31 Python
前端JS获取URL参数的4种方法总结
2022/04/05 Javascript