From 81162d18dc535d4bdfc1a91b07c7794e6bf8c382 Mon Sep 17 00:00:00 2001
From: lockiechen <lockiechen@tencent.com>
Date: Tue, 17 Dec 2024 11:23:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=BC=8F=E6=B4=9E=E5=A4=84=E7=90=86=20?=
 =?UTF-8?q?#11251?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/AtomPropertyPanel/AtomContent.vue  |  3 ++-
 .../src/components/AtomPropertyPanel/RemoteAtom.vue   |  6 ++++--
 src/frontend/webpack.base.js                          | 11 +++++++----
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/AtomContent.vue b/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/AtomContent.vue
index 2e2a3eea22a1..433e7cd07476 100644
--- a/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/AtomContent.vue
+++ b/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/AtomContent.vue
@@ -185,6 +185,7 @@
                         :atom-props-model="atom.atomModal.props"
                         :set-parent-validate="setAtomValidate"
                         :disabled="!editable"
+                        :is-instance-template="isInstanceTemplate"
                         class="atom-content"
                     >
                     </div>
@@ -253,6 +254,7 @@
     import CodePullGitX from './CodePullGitX'
     import CodePullSvn from './CodePullSvn'
     import CodeSvnWebHookTrigger from './CodeSvnWebHookTrigger'
+    import CodeWebHookTrigger from './CodeWebHookTrigger'
     import CrossDistribute from './CrossDistribute'
     import FormField from './FormField'
     import IosCertInstall from './IosCertInstall'
@@ -268,7 +270,6 @@
     import SubPipelineCall from './SubPipelineCall'
     import TimerTrigger from './TimerTrigger'
     import Unity3dBuild from './Unity3dBuild'
-    import CodeWebHookTrigger from './CodeWebHookTrigger'
 
     export default {
         name: 'atom-content',
diff --git a/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/RemoteAtom.vue b/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/RemoteAtom.vue
index a13938009d0a..5c96d2c9c773 100644
--- a/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/RemoteAtom.vue
+++ b/src/frontend/devops-pipeline/src/components/AtomPropertyPanel/RemoteAtom.vue
@@ -21,8 +21,8 @@
 
 <script>
     import { mapActions } from 'vuex'
-    import atomMixin from './atomMixin'
     import validMixins from '../validMixins'
+    import atomMixin from './atomMixin'
     import AtomOutput from './AtomOutput'
     export default {
         name: 'remote-atom',
@@ -31,7 +31,8 @@
         },
         mixins: [atomMixin, validMixins],
         props: {
-            atom: Object
+            atom: Object,
+            isInstanceTemplate: Boolean
         },
         data () {
             return {
@@ -83,6 +84,7 @@
                     currentUserInfo,
                     envConf,
                     atomDisabled,
+                    isInstanceTemplate: this.isInstanceTemplate,
                     hostInfo: {
                         ...this.$route.params
                     },
diff --git a/src/frontend/webpack.base.js b/src/frontend/webpack.base.js
index a9d9f95bb7a3..f11d7bc7967f 100644
--- a/src/frontend/webpack.base.js
+++ b/src/frontend/webpack.base.js
@@ -122,10 +122,13 @@ module.exports = ({ entry, publicPath, dist, port = 8080, argv, env }) => {
             minimize: !isDev,
             splitChunks: {
                 cacheGroups: {
-                    vendor: {
-                        test: /[\\/]node_modules[\\/]/, // 指定要单独打包的依赖
-                        name: 'vendors', // chunk 的名字
-                        chunks: 'all' // 可能的值 'async', 'initial', 'all'
+                    bkMagicVue: {
+                        test: module => {
+                            return /bk-magic-vue/.test(module.context)
+                        },
+                        name: 'bk-magic-vue-chunk', // chunk 的名字
+                        chunks: 'all', // 可能的值 'async', 'initial', 'all',
+                        reuseExistingChunk: true
                     },
                     default: {
                         minChunks: 2,