2. 「uniapp 如何支持微信小程序环境开发」配置项简化到可以让你一盔全貌之 entry

{ 
    common/main: "/Users/songyu/tencent/doctor-uni/src/main.js", 
    pages/home/main: "/Users/songyu/tencent/doctor-uni/src/main.js{\"page\":\"pages%2Fhome%2Fmain\"}" 
}

{
    entry: {
    'common/main': '/Users/songyu/songyu/mock-uniapp-for-wxmp/demo/src/main.js',
    'pages/home/main': '/Users/songyu/songyu/mock-uniapp-for-wxmp/demo/src/pages/home/main.vue',
    'pages/sub/sell/index': '/Users/songyu/songyu/mock-uniapp-for-wxmp/demo/src/pages/sub/sell/index.vue'
  },
}

// node_modules/@dcloudio/webpack-uni-mp-loader/lib/main-new.js
module.exports = function (content, map) {
    if(this.resouceQuery){
        // ...
        const params = loaderUtils.parseQuery(this.resourceQuery)
        if (params && params.page) {
             params.page = decodeURIComponent(params.page)
             return this.callback(null, 
                 `import Vue from 'vue'
                 import Page from './${normalizePath(params.page)}${ext}'
                 createPage(Page)`, map)                 
         }
    }
    else {
        //...
    }    
}

// dist/common/main.js
(global["webpackJsonp"] = global["webpackJsonp"] || []).push([["common/main"],[
    // 这个中间数组存储着当前chunk中所有模块的定义
],[[0,"common/runtime","common/vendor"]]]);

// node_modules/webpack/lib/web/JsonpChunkTemplatePlugin.js

const getEntryInfo = chunk => {
 return [chunk.entryModule].filter(Boolean).map(m =>
  [m.id].concat(
   Array.from(chunk.groupsIterable)[0]
    .chunks.filter(c => c !== chunk)
    .map(c => c.id)
  )
 );
};

class JsonpChunkTemplatePlugin {
    apply(chunkTemplate) {
       chunkTemplate.hooks.render.tap('JsonpChunkTemplatePlugin', (modules, chunk) =>{
        //...
        source.add(modules); // 模块定义
        const entries = getEntryInfo(chunk);
            if (entries.length > 0) {
                source.add(`,${JSON.stringify(entries)}`);  // executeModules 模块的添加         
            }
            //...
       })  
    }
}

// 中间代码返回给webpack，webpack会将从执行parser.parse解析这段代码并收集依赖，然后继续构建这些依赖
import Vue from 'vue'
import Page from './pages/home/main.vue' // 具体的例子更容易理解
createPage(Page)

{
    data () {
        return {...}
    },
    components: {...}
}

(global["webpackJsonp"] = global["webpackJsonp"] || []).push([["components/todo-item"],{
    //... 模块定义
}, /*这里没有 executeModules 哦*/]);

// node_modules/@dcloudio/webpack-uni-mp-loader/lib/plugin/index-new.js

class WebpackUniMPPlugin {
  apply (compiler) {
    compiler.hooks.emit.tapPromise('webpack-uni-mp-emit', compilation => {
      return new Promise((resolve, reject) => {
        //...
        // node_modules/@dcloudio/webpack-uni-mp-loader/lib/plugin/generate-component.js
        generateComponent(compilation, compiler.options.output.jsonpFunction);

        resolve();
      });
    });
  }
}

(global["webpackJsonp"] = global["webpackJsonp"] || []).push([["components/todo-item"],{
    //... 模块定义
}, /*这里没有 executeModules 哦*/]);

// 下面部分才是 generateComponent的成果
;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
    'components/todo-item-create-component',
    {
        'components/todo-item-create-component':(function(module, exports, __webpack_require__){
            __webpack_require__('1')['createComponent'](__webpack_require__(22))
        })
    },
    [['components/todo-item-create-component']]
]);

module.exports = class {
    apply(compiler) {
        compiler.hooks.thisCompilation.tap('a', compilation => {
            compilation.hooks.chunkAsset.tap('b', function (file) {
                const module = [...file.modulesIterable].find(module => /\.vue$/.test(module.userRequest));
                if (!module) return;

                const chunks = [...module.chunksIterable]
                const chunk = chunks && chunks[0]

                if (!chunk) return;

                if (!chunk.entryModule) { // 页面vue是entry，因此自然有，组件vue不是，刚好在这加
                    // 这样做的目的是可以自动执行该模块
                    // 见 lib/web/JsonpChunkTemplatePlugin.js -> getEntryInfo
                    chunk.entryModule = module;
                }
            })
        })
    }
}

(global["webpackJsonp"] = global["webpackJsonp"] || []).push([["components/todo-item"],{
    // 模块定义
},[[23]]]); // [23]就是该插件作用的结果

// node_modules/vue-loader/lib/loaders/pitcher.js
module.exports = code => code


module.exports.pitch = function (remainingRequest) {
    if(query.type === 'style'){
        //...
        // return ...
    }
    
    if(query.type === 'template'){
        //...
        // return ...
    }
    
    if (query.type === `custom` && shouldIgnoreCustomBlock(loaders)) {
        return ``
    }
    
    // 进入到后面逻辑的事：type=script
    //... 修改 看下面截图吧
}