修改npm打包输出路径

最新推荐文章于 2024-05-04 15:52:14 发布
最新推荐文章于 2024-05-04 15:52:14 发布
阅读量3.5k 收藏 2
点赞数
分类专栏： 前端 文章标签： npm vue vue.js webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35385687/article/details/120183168
版权

使用dest参数修改输出路径，可以结合该命令实现自动化，自动化见下文

npm run build:prod -- --dest=../dist2

路径可以为相对路径，也可以为绝对路径

效果：
在这里插入图片描述
参考地址：https://cli.vuejs.org/zh/guide/cli-service.html#vue-cli-service-build

springboot整合vue使用idea进行自动化
  • 新建run configurations
  • 添加before launch : run npm script和build
  • 注意配置npm打包输出路径
  • 最终实现运行自动打前端包并拷贝到springboot项目的static下
  • 然后自动mvn打包并启动项目
    在这里插入图片描述
阳宗德
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
npm打包项目 修改css/js等文件输出路径
逻辑无道
12-01 870
import path from 'path'; function getModulePackageName(module) { if (!module.context) return null; const nodeModulesPath = path.join(__dirname, '../node_modules/'); if (module.context.substring(0, nodeModulesPath.length) !== nodeModulesPath) { .
修改NPM全局模式默认安装路径和npm镜像源如何设置
XiaoCaiNiao_003的博客
12-14 3352
修改NPM全局模式默认安装路径和npm镜像源如何设置 =================================================== 一 、修改NPM全局模式默认安装路径的步骤 第一步执行 npm config ls ：查看npm当前默认路径 一般会在（c盘） 第二步 在要更改的目录下新建两个文件夹，分别是：node_global_modules 和 node_cach 如图 第三步打开命令提示符，执行下面两条命令： "npm config se
修改Nodejs内置的npm默认配置路径方法
10-18
今天小编就为大家分享一篇修改Nodejs内置的npm默认配置路径方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
修改npm全局安装模式的路径方法
08-27
今天小编就为大家分享一篇修改npm全局安装模式的路径方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
VUE：项目的创建、编写、打包及规范检查
weixin_30532837的博客
11-15 184
VUE：项目的创建、编写及打包 项目的创建 使用 vue-cli 创建模板项目（官方提供的脚手架工具） https://github.com/vuejs/vue-cli npm install -g vue-cli vue init webpack vue_demo cd vue_demo npm install npm run dev 访问：http://localhos...
npm run build打包时修改的路径
06-19 2776
转载于:https://www.cnblogs.com/wstmljf/p/11052526.html
【3】npm run build Vue的项目，如何修改相对路径配置
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
09-06 1万+
如果静态文件不是部署在网站根目录下，vue-cli将给你造成巨大的麻烦，你不能直接把build好的文件抛进一个目录，你不能直接在本地打开用vue做好的静态网站。改成相对路径，主要需要做两步： 1、修改config => index.js => build => assetsPublicPath 中的'/'成为'./' （注意！很多同学直接在dev:{}里面的assetsPubl...
vue项目打包需要修改的路径问题
知其白，守其黑；和其光，同其尘。
03-09 5745
博客园 首页 新随笔 联系 管理 订阅订阅 随笔- 55 文章- 0 评论- 1 vue-cli项目打包需要修改的路径问题 命令行输入：npm run build 打包出来后项目中就会多了一个文件夹dist，这就是我们打包过后的项目。 第一个问题，文件引用路径。我们直接运行打包后的文件夹中的index.html文件，会看到网页一片空白，f12调试，全是css，js路径引用错误的问...
vue项目打包及修改路径
陌桑楚客
09-28 2500
打包命令：cnpm run build 路径修改：1.config-->index.js 2.找到paths的最后行，把原来的“/”改为“./”
vue-cli 打包压缩(npm run build)文件后,默认根目录修改
热门推荐
u013362969的博客
05-16 1万+
vue-cli 打包压缩(npm run build)文件后,默认根目录修改，解决前后端代码结合的路径问题。 将config/index.js文件中的assetsPublicPath 值修改为你需要的根目录，原来默认是‘／’，下图中加上了"elkdashboard/"，“elkdashboard”是本项目的项目名，用tomcat起的服务URL默认根目录会加上“／项目名／”。这样将打包好的代码放到
nuxt静态部署打包相对路径操作
01-22
路径为绝对路径，当项目的域名为二级域名的时候，就不能打包为这绝对路径了。 nuxt不同于vue项目，思索了许久，终于找到了配置的地方： nuxt项目中 nuxt.config.js ： module.exports = { router: { base: './' ...
Linux Centos7.2下安装nodejs&npm配置全局路径的教程
10-18
今天小编就为大家分享一篇Linux Centos7.2下安装nodejs&npm配置全局路径的教程，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
npm 版本打包工具离线安装
07-01
npm 版本打包工具
pnpm设置全局存储路径
Bunny的博客
04-28 548
pnpm c get。
bun 换源 国内阿里源 npmmirror 加速下载
未将对象引用设置到对象的实例
04-28 588
很多 windows 用户可能会看不懂这个变量指的是哪里.官方文档也没有来得及补充太多关于 windows 的配置。估计是 bun 1.1 才支持的 windows.powershell 更高级一些, 支持。在 windows 上 home 变量。所以全局换源就是在这个路径下创建一个。输出后发现, 是 当前用户 的文件夹。( 一定要注意文件名前面有一个。单个项目的换源直接在根目录创建。写的还是类 Unix 系统的。
第Ⅰ章-IV npm yarn pnpm 包管理器
顾西昂的博客
04-28 626
它们用于帮助开发者管理项目中的依赖关系。
element-ui的bug记录
nick_zhang的博客
04-29 495
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
三、VUE数据代理
D_A_I_H_A_O的博客
04-29 521
Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写）
Vue单页面应用和多页面应用的区别
最新发布
liu62615的博客
05-04 116
概念： SPA单页面应用（SinglePage Web Application），指只有一个主页面的应用，一开始只需要加载一次js、css等相关资源。所有内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅仅刷新局部资源。 MPA多页面应用 （MultiPage Application），指有多个独立页面的应用，每个页面必须重复加载js、css等相关资源。多页应用跳转，需要整页资源刷新。
npm 打包vite
08-15
使用npm打包vite需要执行以下命令：npm init vite [project-name。其中，是你想要创建的项目名称。这个命令会使用create-vite包中的create-vite命令来创建一个名为的vite项目。另外，你也可以使用npm exec create-vite [project-name来达到相同的效果。所以，执行npm create vite命令实际上是执行了npm exec create-vite命令来创建vite项目。npm init命令在这里充当了执行包命令的作用。需要注意的是，如果你在国内使用npm，可能需要将npm镜像源切换到官方源，以便能够正常发布npm包。可以使用npm config set registry=https://registry.npmjs.org命令来切换镜像源。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [“npm create vite“ 是如何实现初始化 Vite 项目？](https://blog.csdn.net/Cyj1414589221/article/details/128191826)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *3* [使用vite构建Vue3组件库，发布npm包](https://blog.csdn.net/y227766/article/details/126426546)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

阳宗德

您的鼓励是我进步的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值