vue-cli4 手动给文件起别名

最新推荐文章于 2021-10-20 23:25:39 发布
最新推荐文章于 2021-10-20 23:25:39 发布
阅读量254 收藏
点赞数
分类专栏： vue 笔记 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45770253/article/details/119241203
版权

第一种：找到 vue.config.js 在该文件中配置，没有这个文件的话，就在根目录下创建一个 vue.config.js 文件，然后配置如下
在这里插入图片描述

需要引入 path 模块，没有引入的话安装一下： npm install path --save
以后找文件就可以这么找：在这里插入图片描述在这里插入图片描述当然配置完成后要重新运行下项目

第二种：找到 node_module 文件夹，找到下面的 @vue 文件夹，找到下面的 cli-service 文件夹，找到下面的 lib 文件夹，找到下面的 config 文件夹，找到下面的 base.js 文件夹，找到 webpackConfig.resolve 的代码块，里面的 .alias 就是起别名的代码
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

凉爽爽爽爽爽爽爽爽爽
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue cli4 给文件夹取别名
qq_37196621的博客
02-23 469
1.在根目录创建vue.config.js配置文件 添加代码，注意文件夹名不要写错 const path = require('path'); function resolve(dir) { return path.join(__dirname, dir) } module.exports = { publicPath: './', chainWebpack: config => { config.resolve.alias .
vue-cli 3x 配置 =＞ 给路径起一个别名
weixin_47409897的博客
09-03 243
目录vue-cli 3x 配置 => 给路径起一个别名上面给 src 和 src/components 等起了一个别名，那么在项目之中引用即可 vue-cli 3x 配置 => 给路径起一个别名 在根目录下创建vue.config.js var path = require('path') function resolve(dir) { return path.join(__dirname, dir) } module.exports = { chainWebpack: confi
VueCli4中给路径起别名
qq_41501190的博客
01-10 634
1.项目根目录向新建vue.config.js文件 const path = require('path');//引入path模块 function resolve(dir){ return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径 } module.exports={ chainWebpack:(config)=>{ //给路径起别名 config.resolve.alias .set('@',r
关于vue-cli 3.x目录配置别名的问题
zwzw2323591的博客
08-18 1865
近用vue-cli新建工程的时候，发现安装完成之后找不到config、build等目录，不懂要从哪里目录配置别名 后面发现目录下有一个vue.config.js文件,后面查了一下,发现可以在这个文件里配置 const path = require('path'); function resolve(dir) { return path.join(__dirname, dir) } modul...
Vue-cli4创建项目，给目录起别名
weixin_44927585的博客
07-20 519
1.首先在根目录创建vue.config.js文件 2.代码如下 module.exports = { configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'common': '@/common', 'components': '@/components', 'n
vue-cli配置全局sass、less变量的方法
10-16
如果遇到问题，你可以手动安装 `style-resources-loader` 和 `vue-cli-plugin-style-resources-loader`： ```bash # 如果没有出错，可以直接执行 npm i style-resources-loader vue-cli-plugin-style-resources-...
详解项目升级到vue-cli3的正确姿势
10-17
4. **配置环境变量 API_URL**：Vue CLI 3 使用 `VUE_APP` 前缀来定义环境变量，如 `VUE_APP_URL`，并且可以在 `.env.development.local` 等文件中定义特定环境的变量，以便在不同环境下使用不同的 API 地址。...
Vue CLI4 Vue.config.js标准配置(最全注释)
10-15
Vue.config.js 文件是 Vue CLI4 中用于自定义项目配置的地方，它允许开发者调整默认构建设置以适应特定项目的需求。以下是一些关键配置选项的详细说明： 1. **publicPath**: 这个配置项决定了生成的静态资源在生产...
Vue CL3 配置路径别名详解
10-16
在 Vue CLI 3 中，配置路径别名可以通过 `vue.config.js` 文件实现。 首先，我们需要了解 `vue.config.js` 文件。这是一个可选的配置文件，位于项目根目录下，用来覆盖默认的配置。如果没有这个文件，Vue CLI 会...
vue.config.js中配置Vue的路径别名的方法
10-15
Vue CLI提供了一个名为`vue.config.js`的配置文件，允许我们自定义项目的构建设置，其中包括配置路径别名。以下将详细介绍如何在`vue.config.js`中设置Vue的路径别名。 首先，我们需要在项目的根目录下创建或编辑`...
修改Vue打包后的默认文件名操作
10-14
主要介绍了修改Vue打包后的默认文件名操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-cli 3.0 添加文件引用的别名
TionSu的博客
02-19 1572
1、新建vue.config.js   2、复制如下格式的代码 代码： module.exports = { configureWebpack: { resolve: { alias: { 'api': '@/api', 'assets': '@/assets', 'components': '@/component...
Vue-cli4生成的文件目录含义
weixin_46412213的博客
02-03 1076
Vue-cli4生成的文件目录含义node_modulespublicsrcassetscomponentrouterviewsAPP.vuemain.js.browserslistrc.editorconfig.eslintrc.js.gitignorebabel.config.jspackage.jsonscriptsdependencies（项目依赖库）devDependencies（开发依赖库）gitHookslint-stagedpackage-lock.jsonREADME.md node_m
vuecli修改src文件夹名_python：批量修改文件名，文件夹名
weixin_35192322的博客
01-24 189
# -*- coding: utf-8 -*- import os import random #设定文件路径 path = r'C:UsersAIDesktop0' ls = [] # 对目录下的文件进行遍历 for file in os.listdir(path): ls.append(file) # 按照顺序排序修改 # ls.sort(key=lambda x: int(x[:-...
vue项目cli4中使用别名：“@”和“~”的坑。
迷雾总会解
05-13 4980
  在cli4中并没有像cli2中一样，拥有一个webpack.base.config.js文件,可以让我们直接写别名。 (以下仅仅是我所生效的配置，不同的可能不一样,因为我直接用网上的配置无效，所以摸索了一下，能正常运行) 创建vue.config.js文件 目录结构 没错，这个文件是和src在同一级目录下 配置文件中写入以下代码 const path = require('path');//引入path模块 function resolve(dir){ return path.join(__d
vue-cli4配置文件别名
weixin_46313540的博客
05-21 580
具体步骤如下： 1、在项目中新建vue.config.js文件    注意：此文件要与src文件夹同级 ； 修改此文件后，需要重启项目 2、在vue.config.js文件中配置如截图 　　第一个参数：是你设置的别名 　　第二个参数：所指向的路径 module.exports={ configureWebpack:{ resolve:{ alias:{ "assets":"@/assets",
vue-cli 4+配置别名
sneverhad的博客
06-01 1951
1.找到 Vue.config.js 在该文件中配置 const path = require('path');//引入path模块 function resolve(dir){ return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径 } module.exports={ chainWebpack:(config)=>{ config.resolve.alias config.resolv
Vue CLI3搭建的项目中，如何给文件夹起别名?
科技向善
02-03 1227
因为这段大年的时间里，好久没写博客了，是好懒散了。真的是少年易老学难成，一寸光阴不可轻啊。浪费一秒钟是一秒钟的罪过。 我们使用Vue CLI3搭建的项目中，在vue.config.js文件中，在给文件起别名的时候，可以如下: module.exports = { configureWebpack: { resolve: { alias: { 'asset...
vue3前端青铜到黄金王者 #14 vue-cli-service （下）serve使用
丸子酱
10-20 2715
前篇我们解析了一下Vue3项目的构成，修改了一下组件的代码。 效果如下， 我们也在package.json看到vue-cli-service, 这个到底是啥？我们一起看看。 vue-cli-service是什么？ 在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。
缺少vue-cli-service文件
最新发布
06-08
如果你遇到找不到 `vue-cli-service` 文件的情况，这通常意味着以下几个可能的原因： 1. **未安装Vue CLI**：确保你已经全局安装了 Vue CLI，可以通过运行 `npm install -g @vue/cli` 或 `yarn global add @vue/cli...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凉爽爽爽爽爽爽爽爽爽

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值