// a.js
import b from './b.js'
const a = {
  value: 'a',
  getB: () => b.value + ' from a.js'
}
export default a

// b.js
import a from './a.js'
const b = {
  value: 'b',
  getA: () => a.value + ' from b.js'
}
export default b

// index.js
import a from './a.js'
import b from './b.js'
console.log(a.getB())
console.log(b.getA())

// a.js 变成 ES5 代码
"use strict";
Object.defineProperty(exports, "__esModule", {value: true}); // 疑惑 1
exports["default"] = void 0; // 疑惑 2
var _b = _interopRequireDefault(require("./b.js")); // 细节 1
function _interopRequireDefault(obj) { // 细节 1
  return obj && obj.__esModule?obj: { "default": obj }; //细节 1
}
var a = {
  value: 'a',  
  getB: function getB() {
    return _b["default"].value + ' from a.js'; // 细节 1
  }
};
var _default = a; // 细节 2
exports["default"] = _default; // 细节 2

var depRelation = [ 
  {key: 'index.js', deps: ['a.js', 'b.js'], code: function... },
  {key: 'a.js', deps: ['b.js'], code: function... },
  {key: 'b.js', deps: ['a.js'], code: function... }
] // 为什么把 depRelation 从对象改为数组？
// 因为数组的第一项就是入口，而对象没有第一项的概念
execute(depRelation[0].key) // 执行入口文件
function execute(key){
  var item = depRelation.find(i => i.key === key)
  item.code(???) // 执行 item 的代码，因此 code 最好是个函数，方便执行
  // 但是目前还不知道要传什么参数给 code 
  // ...
}

code = `
  var b = require('./b.js')
  exports.default = 'a'
`

code2 = `function(require, module, exports){
	${code}
}`  // 注意此时 code2 还是字符串

// 然后把 `{code: ${code2}}` 写入最终文件里,最终文件里的 code 就是函数了

const modules = {} // modules 用于缓存所有模块
function execute(key) { 
  if (modules[key]) { return modules[key] }
  var item = depRelation.find(i => i.key === key)
  
  var require = (path) => {
    return execute(pathToKey(path))
  }
  
  modules[key] = { __esModule: true } // modules['a.js']
  var module = { exports: modules[key] }
  item.code(require, module, module.exports) // 细节 1
  
  return modules.exports // 细节 2
}

var depRelation = [ 
  {key: 'index.js', deps: ['a.js', 'b.js'], code: function... },
  {key: 'a.js', deps: ['b.js'], code: function... },
  {key: 'b.js', deps: ['a.js'], code: function... }
] 
var modules = {} // modules 用于缓存所有模块
execute(depRelation[0].key)
function execute(key){
  var require = ...
  var module = ...
  item.code(require, module, module.exports)
  ...
}
// 详见 dist.js

function transform(code){
  const code2 = doSomething(code)
  return code2
}
module.exports = transform // 用 module 是为了兼容 Node.js

async function transform(code){
  const code2 = await doSomething(code)
  return code2
}
module.exports = transform // 旧版本 Node.js 不支持 export 关键字

// css loader 核心代码
let code = readFileSync(filePath).toString()
if(/.\css$/.test(filePath)) {
	code = require('./css-loader.js')(code)
	// 为什么不用 import 
	// 为了方便动态加载
}

// https://github.com/webpack-contrib/raw-loader/blob/master/src/index.js

import { getOptions } from 'loader-utils';
import { validate } from 'schema-utils';
import schema from './options.json';
export default function rawLoader(source) {
	const options = getOptions(this);
	validate(schema, options, {
		name: 'Raw Loader',
		baseDataPath: 'options',
	});
	
	const json = JSON.stringify(source)
		.replace(/\u2028/g, '\\u2028')
		.replace(/\u2029/g, '\\u2029');
	const esModule = typeof options.esModule !== 'undefined' 
						? options.esModule : true;
	return `${esModule ? 'export default' : 'module.exports ='} ${json};`;
}