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 相关文章推荐
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
Apr 12 Javascript
jquery实现控制表格行高亮实例
Jun 05 Javascript
javascript与有限状态机详解
May 08 Javascript
jQuery中:contains选择器用法实例
Dec 30 Javascript
分享网页检测摇一摇实例代码
Jan 14 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
vue resource post请求时遇到的坑
Oct 19 Javascript
vue使用vue-i18n实现国际化的实现代码
Apr 08 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 Javascript
vue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)
Nov 12 Javascript
Vue使用Proxy代理后仍无法生效的解决
Nov 13 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中防止伪造跨站请求的小招式
2011/09/02 PHP
php 读取文件头判断文件类型的实现代码
2013/08/05 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
PHP使用finfo_file()函数检测上传图片类型的实现方法
2017/04/18 PHP
js chrome浏览器判断代码
2010/03/28 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
js中键盘事件实例简析
2015/01/10 Javascript
javascript实现实时输出当前的时间
2015/04/27 Javascript
使用nodejs开发cli项目实例
2015/06/03 NodeJs
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
jquery操作angularjs对象
2015/06/26 Javascript
跟我学习javascript的prototype原型和原型链
2015/11/18 Javascript
javascript滚轮控制模拟滚动条
2016/10/19 Javascript
js 作用域和变量详解
2017/02/16 Javascript
Vue.use源码分析
2017/04/22 Javascript
Vue导出json数据到Excel电子表格的示例
2017/12/04 Javascript
JavaScript实现获取select下拉框中第一个值的方法
2018/02/06 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
2018/04/21 Javascript
Vue-cli@3.0 插件系统简析
2018/09/05 Javascript
WEB前端性能优化的7大手段详解
2020/02/04 Javascript
javascript如何使用函数random来实现课堂随机点名方法详解
2020/07/28 Javascript
vue制作toast组件npm包示例代码
2020/10/29 Javascript
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
python 自动批量打开网页的示例
2019/02/21 Python
基于python 凸包问题的解决
2020/04/16 Python
python程序如何进行保存
2020/07/03 Python
爱淘宝:淘宝网购物分享平台
2017/04/28 全球购物
播音主持专业个人自我评价
2014/01/09 职场文书
部队党性分析材料
2014/02/16 职场文书
企业管理标语
2014/06/10 职场文书
拾金不昧锦旗标语
2014/06/27 职场文书
2014领导班子四风剖析对照检查材料思想汇报
2014/09/20 职场文书
财务稽核岗位职责
2015/04/13 职场文书
出生证明格式
2015/06/15 职场文书
《风娃娃》教学反思
2016/02/18 职场文书