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 相关文章推荐
jquery 插件 任意位置浮动固定层
Dec 25 Javascript
JSChart轻量级图形报表工具(内置函数中文参考)
Oct 11 Javascript
js中各种类型的变量在if条件中是true还是false
Jul 16 Javascript
Javascript获取CSS伪元素属性的实现代码
Sep 28 Javascript
Jquery把获取到的input值转换成json
May 15 jQuery
使用Node.js实现RESTful API的示例
Aug 01 Javascript
Node解决简单重复问题系列之Excel内容的获取
Jan 02 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
Jan 03 Javascript
基于vue展开收起动画的示例代码
Jul 05 Javascript
微信小程序实现即时通信聊天功能的实例代码
Aug 17 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
Jan 30 Javascript
layui实现tab的添加拒绝重复的方法
Sep 04 Javascript
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
PHP安装攻略:常见问题解答(二)
2006/10/09 PHP
php设计模式小结
2013/02/15 PHP
PHP5各个版本的新功能和新特性总结
2014/03/16 PHP
ThinkPHP3.1新特性之命名范围的使用
2014/06/19 PHP
一个PHP实现的轻量级简单爬虫
2015/07/08 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
对象的类型:本地对象(1)
2006/12/29 Javascript
常用Extjs工具:Extjs.util.Format使用方法
2012/03/22 Javascript
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
jquery live()重复绑定的解决方法介绍
2014/01/03 Javascript
Javascript中对象继承的实现小例
2014/05/12 Javascript
在JavaScript中操作时间之getMonth()方法的使用
2015/06/10 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
简单讲解jQuery中的子元素过滤选择器
2016/04/18 Javascript
Angularjs 实现分页功能及示例代码
2016/09/14 Javascript
JS实现的二叉树算法完整实例
2017/04/06 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
2017/05/03 Javascript
BootStrap 导航条实例代码
2017/05/18 Javascript
打字效果动画的4种实现方法(超简单)
2017/10/18 Javascript
Vue父子组件之间的通信实例详解
2018/09/28 Javascript
ES6 Set结构的应用实例分析
2019/06/26 Javascript
在vue中axios设置timeout超时的操作
2020/09/04 Javascript
java中两个byte数组实现合并的示例
2018/05/09 Python
python绘制中国大陆人口热力图
2018/11/07 Python
使用Python实现将list中的每一项的首字母大写
2019/06/11 Python
python 实现将list转成字符串,中间用空格隔开
2019/12/25 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
利用纯CSS3实现动态的自行车特效源码
2017/01/20 HTML / CSS
金智子午JAVA面试题
2015/09/04 面试题
大学生党员自我批评
2014/02/14 职场文书
单位一把手群众路线四风问题整改措施
2014/09/25 职场文书
2015小学音乐教师个人工作总结
2015/07/21 职场文书
2016春季田径运动会广播稿
2015/12/21 职场文书
python面向对象版学生信息管理系统
2021/06/24 Python