问题描述
vuecli打包后如何通过外部文件修改打包后的app..js(dist>js>app..js)
问题出现的环境背景及自己尝试过哪些方法
出现环境:多个运维同事通过修改外部文件对前端包进行定制化,这样前端打一次包剩下的交给运维自己修改。所以产品要求只修改外部某一文件就能对打包后的app.js进行修改,前提是不对app..js文件进行任何改动。
尝试的方法: 打包后发现要修改的代码在({ myCode... })里面,要想修改只能先给赋值({})
在把该值export出来,外部文件引入才能使用修改。但这样产品不通过 因为产品要求在不修改app.*.js的前提下
相关代码
粘贴代码文本(请勿用截图)
打包后的代码结构:
({
'034f': function (t,e,n) {// mycode...},
'5c9a': function (t,e,n) {// mycode...},
'f121': function (t,e,n) {
"use strict";
var a = {
title: 'xxxx',
menuPro: { // 不同的运维不同的adminInfo
'adminInfo': {} // 要求让一个外部文件修改这个adminInfo
}
}
} })
// 本来想这样搞的。但是这样每次都要修改打包后的app.*.js文件,产品不同意。
export var obj = ({
'034f': function (t,e,n) {// mycode...},
'5c9a': function (t,e,n) {// mycode...},
'f121': function (t,e,n) {
"use strict";
var a = {
title: 'xxxx',
menuPro: {
'adminInfo': {} // 要求让一个外部文件修改这个adminInfo
}
}
}
})
你期待的结果是什么?实际看到的错误信息又是什么?
期待结果: 在不修改打包文件下,引入一个js文件或者js方法就能对app.*.js修改,不管在哪里引入只要能修改就行,谢谢各位大神!!