Vue webpack打包后可以直接修改配置文件

最新推荐文章于 2024-04-07 22:28:14 发布
最新推荐文章于 2024-04-07 22:28:14 发布
阅读量1k 收藏 2
点赞数 1
文章标签： vue.js webpack javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48205715/article/details/121244564
版权

1.创建新的js配置文件 放在public目录下，防止js文件被打包编译
2.js配置文件里将变量参数赋值window全局
3.在public/index.html导入该js配置文件
4.最后在需要用到得地方直接window.名称即可

亲测有效 这样就不用每次需要修改配置时再重新打包

ebok.
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webpack + vue 打包生成公共配置文件（域名） 方便动态修改
10-16
主要介绍了webpack + vue 打包生成公共配置文件（域名） 方便动态修改,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
如何做到在webpack打包vue项目后，在外部动态修改配置文件
weixin_34055910的博客
05-11 1704
在我们做完vue项目后，只需要执行 npm run dist 就可以轻松进行打包转测试，可是如果我们临时需要修改一些配置文件比如域名，这时候我们就有点懵逼了，那就修改了再重新打一次包？ NO NO NO，让我们一起来探索如何解决这个问题吧。 首先我们需要借助一个插件generate-asset-webpack-plugin npm install generate-asset-webpa...
Vue解决打包后如果需要修改后台连接地址需要重新打包问题
最新发布
2401_84186026的博客
04-07 319
思路其实这个地方的关键就是把后台配置的URL设置到打包后还存在的文件里面，把相关的URL设置到全局，在需要使用这些URL的地方，判断一下是不是生产环境，如果是，那就使用全局设置的url，如果不是，就去使用配置文件的。index.html在index.html文件中添加一段js代码，把后台请求的url配置到全局。
webpack打包vue项目后，配置可以修改的配置文件
金大大的博客
05-29 6156
1.先安装generate-asset-webpack-plugin npm install --save-dev generate-asset-webpack-plugin 注意：--save-dev（安装在devDependencies）开发环境使用 --save （安装在 dependencies）生产环境使用 2.需要更改 build文件夹下的 web...
16.如何做到webpack打包vue项目后，可以修改配置文件
weixin_30448603的博客
06-29 61
问题描述： 前端需要修改restful API的url，但是打包之后，配置文件找不到了，如果在npm run build 生成dist后，这个配置也被写死了，传到运行的前端服务器上后，假设某次，api服务器的ip修改了，改动只是更新下这个url，但是却需要会到前端源码，url后，在重新npm run build,然后再把整个dist再重新传到前端服务器，才可以。 解决方法： 用了g...
vue打包之后更改配置的json文件无效
pink_cz的博客
08-16 2861
在project.config.json里面更改配置后不生效，具体原因还没有找到。然后把这个js文件引入到public/index.html下。在项目中就可以直接使用window.api进行使用。把json文件换成js文件。这是目前我找到的办法…...
Vue工程模板文件 webpack打包配置方法
10-18
A base project with Vue.js2、Vue-Router、webpack2 and with iView2.
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
12-12
亲测，webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。 我的vue项目结构如下： 1. 进入该vue项目目录，打开git bash，执行：npm run build(在package.json的scripts配置) 执行成功如下...
解决在vue项目中webpack打包后字体不生效的问题
10-18
今天小编就为大家分享一篇解决在vue项目中webpack打包后字体不生效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
electron + vue 打包后无法更改 pubilc 里的文件
王文聪的博客
06-26 837
public 文件夹打包后会变成 dist/resources/app.asar 文件 .asar 文件是一种加密文件，只能读，不能写
修改webpack配置文件和json文件，使用npm run webpack执行打包
sunny_jiangsu的博客
08-08 1302
直接上步骤： 准备工作，新建下面层级目录 demo --src–script –dist–js 2./src/script/main.js function hello(){} 3.新建webpack.config.js文件 var path = require("path"); module.exports = { entry: './src/script/main.js', o...
webpack教学——webpack对js的处理
m0_59795537的博客
12-21 504
webpack对js文件的基本处理
VUE在webpack后动态修改配置文件(亲测有效 放心借鉴~)
Bennett_G博客
05-13 2524
webpack vue项目动态修改配置文件前言需求项目环境实现 前言 😑😑😑开始之前，请允许我好好吐槽一下😑😑😑 本想借鉴一下各路神仙的一些骚操作来达到目的，但是结果令人失望之极，千篇一律，关键是方案完全起不到作用，也不清楚为什么还有那么多的人在转载这种方法，感觉有点误人😮😮😮😮 🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬🤬 需求 vue项目在build编译后，通过外部配置文件(如config.json)动态修改打包后项目内的API地址 项目环境 vue-cli：v
前端vue项目，路由配置文件vue.config.js不生效
weixin_36583895的博客
04-19 3596
why 首先检查 是否代码有问题， 其次确认自己是否在其他地方有配置 如果以上确认没问题，请往下看。** 创建vue项目使用命令vue init webpack +项目名称的方式，vue.config.js配置不生效，生效的是webpack.dev.conf.js，具体可查看package.json文件如下代码 how 如果徐娅萍配置路由，需要在index.js文件配置proxyTable proxyTable的配置大致如下： 如果 另外， 用 vue-cli-service serve 启动就会用
webpack源码之模块编译+输出最终文件
玉案轩窗的博客
01-18 1135
前言 紧接着上一篇run方法的来讲，当执行逻辑执行到moduleFactory.create的回调函数中时，回调函数中逻辑主要有三点： addModule：添加模块到指定地方 onModule：entry对应模块赋值操作 buildModule：编译模块 重要逻辑不言而喻即buildModule，本篇即以此处为起点分析webpack的主要的编译逻辑。 buildModule之前相关逻辑 首先梳...
vue打包后 修改 static config.js的后端地址无变化
不要和代码过不去
05-05 442
实际使用中只需要在index.html中引入即可。原因是在axios.js文件里面引入了。
vue修改config后怎么生效_vue组件中修改样式怎么不生效？
weixin_39863918的博客
12-20 659
vue组件中修改样式怎么不生效？下面本篇文章给大家介绍一下vue组件修改样式不起作用的解决方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。vue组件修改样式不起作用需要在全局样式文件去定义，在组件里无法修改样式在全局定义样式文件在main.js中引入import '@/styles/index.scss' // global css//to reset element-ui ...
vue打包相对路径，设置publicPath没作用解决方法
ejunda的博客
10-18 1228
不知道为什么会导致，publicPath没有生效。transpileDependencies这个属性，
webpack 编译流程
前端学习博客
09-22 1022
找出入口文件后，从入口文件出发，调用所有配置的 Loader 对模块进行翻译，再找出该模块依赖的模块，再递归本步骤直到所有入口依赖的文件都经过了本步骤的处理，再根据入口和模块之间的依赖关系，组装成一个个包含多个模块的 Chunk。在以上过程中，Webpack 会在特定的时间点广播出特定的事件，插件在监听到感兴趣的事件后会执行特定的逻辑，并且插件可以调用 Webpack 提供的 API 改变 Webpack 的运行结果。可以读取到当前的模块资源，编译生成资源，变化的文件，以及依赖跟踪等状态信息。
webpack + vue 打包生成公共配置文件
09-10
Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具，可以将多个模块打包成一...通过使用 Webpack 生成公共配置文件，可以更好地组织和管理 Vue 项目的打包配置，提高开发效率，并且方便进行项目的扩展和维护。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值