uni-app开发微信小程序在分包页面使用import导入marked插件之后主包体积变大了 打包不了了，具体解决方式及代码实现

在使用uni-app开发微信小程序时，如果你在分包页面使用了import导入了marked插件，可能会导致主包体积变大，因为import导入的模块会被包含在主包中。为了解决这个问题，你可以采用分包预加载或者动态import的方式来按需加载插件，避免它被包含在主包中。

以下是解决方式及代码实现的步骤：

1. 在`pages.json`中配置分包预加载：
在`subpackages`的每个分包内，可以设置` preloadRule`配置，用于配置分包内的页面的预下载行为。这样可以将一些不常用的分包内容，在需要时再加载。

   {
     "pages": [
       "pages/index/index"
     ],
     "subpackages": [
       {
         "root": "pkgA",
         "pages": [
           "pages/a/a"
         ],
         "preloadRule": {
           "pages/a/a": {
             "network": "all",
             "packages": ["pkgA"]
           }
         }
       }
     ]
   }

2. 使用动态import语法：
在页面的`onLoad`或者`onShow`方法中动态import你需要的模块，这样这些模块只有在真正需要时才会被加载。

   export default {
     onLoad() {
       import('./marked.js').then(marked => {
         // 在这里使用marked插件
       }).catch(err => {
         // 处理错误
       });
     }
   }

3. 使用动态import结合require的方式：
如果你的项目中无法使用es6的动态import语法，你还可以使用require的方式进行动态加载。

   export default {
     methods: {
       loadModule() {
         const loadModule = () => {
           const marked = require('./marked.js');
           // 使用marked
         };
         loadModule();
       }
     },
     onLoad() {
       this.loadModule();
     }
   }

注意，使用动态import的方式可能会使得应用在首次加载时稍微慢一些，因为它需要在运行时动态加载模块，但是可以显著减小主包的体积。