//webpack commonjs 执行完的时候
(function (modules) {
    // 对webpack文件进行缓存
    var installedModules = {};
    function __webpack_require__(moduleId) {
        //判断缓存情况
        if (installedModules[moduleId]) {
            return installedModules[moduleId].exports;
        }
        var module = installedModules[moduleId] = {
            exports: {}
        };
        //执行key对应的匿名函数
        modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
        // Return the exports of the module
        return module.exports;
    }
    //执行我们的入口函数 把export导出
    return __webpack_require__("./src/index.js");
})({
    //__webpack_exports__ => module.exports = {} 
    "./src/data.js": (function (module, __webpack_exports__, __webpack_require__) {
        const data = "webpack源码分析课";
        //module.exports = {
        //     default:data
        // } 
        __webpack_exports__["default"] = (data);
    }),
    "./src/index.js": (function (module, __webpack_exports__, __webpack_require__) {
        //_data_js__WEBPACK_IMPORTED_MODULE_0__ == module.exports;
        var _data_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/data.js");
        //_data_js__WEBPACK_IMPORTED_MODULE_0__["default"]
        //=========data.js===============
        //module.exports = {
        //     default:data
        // } 
        console.log(_data_js__WEBPACK_IMPORTED_MODULE_0__["default"]);
        console.log("🌶");
    })
});
//如果有异步的资源webpackJsonpCallback

const fs = require("fs");
let input = "./index.js";
let output = "./dist/index.js";
const ejs = require("ejs");
const getEntry = fs.readFileSync(input, "utf-8");
let template = `
 (function (modules) {
     // 对webpack文件进行缓存
     var installedModules = {};
     function __webpack_require__(moduleId) {
         //判断缓存情况
         if (installedModules[moduleId]) {
             return installedModules[moduleId].exports;
         }
         var module = installedModules[moduleId] = {
             exports: {}
         };
         //执行key对应的匿名函数
         modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
         // Return the exports of the module
         return module.exports;
     }
     //执行我们的入口函数 把export导出
     return __webpack_require__(0);
 })([
    (function (module, exports) {
        <%- getEntry %>
    })   
 ]);`

let result = ejs.render(template, {
    getEntry
})
fs.writeFileSync(output, result);

//分析mark源码工具
const marked = require("marked");
//webpack提供的工具集 收集用户options等 也就是webpack.**.js里module.export的配置等
const loaderUtils = require("loader-utils");

//提供一个对外的函数
/*
    webpack 为什么慢 机制分析
    loader1 string(源代码)--->ast(eg1 遍历这颗🌲替换const->var)--->string
    loader2 接受loader2的string/buffer--->ast--->string
*/
module.exports = function (markdown) {
  // merge params and default config
  const options = loaderUtils.getOptions(this);
  // 当前loader开启缓存
  this.cacheable();
  // 用户option--->mark
  marked.setOptions(options);
  //string
  return marked(markdown);
};

//总结出来loader不敢活，核心模块才干活
//eg: a-loader 干活的是a

const loaderUtils = require("loader-utils");
//this 代表当前loader类
module.exports=function(content,map,meta) {
  console.log('前置沟盖---->',this.data.value)
  //拿到options
  const options = loaderUtils.getOptions(this);
  //为了避免使用正则过于复杂 ---->ast🌲
  //content.replace('const','var')
  return content+'console.log(1)';
}

module.exports.pitch = function(r,p,data) {
  data.value = '🐶🐶🐶前置钩子'
}

//1、postcss cssnext -> css
//2、webpack loader es6 -> ast -> es5
//3、vue template -> html ast -> vdom
//4、V8 写的js代码 词法分析 语法分析 ast->执行
//5、ast + 设计模式 发布订阅
//webpack使用生成ast的包
const acorn = require('acorn');
//webpack使用生成ast遍历工具
const walk = require('acorn-walk');
const MagicString = require('magic-string');
const source = 'const a = 100'
const result = acorn.parse(source);
const code = new MagicString(source);

console.log(result);

walk.simple(result, {
  Literal(node) {
    console.log(`Found a literal: ${node.value}`)
  },
  VariableDeclaration(node) {
    console.log('🍌', node);
    const { start } = node;
    console.log('🍎', start);
    code.overwrite(start, start + 5, "var")
  }
})

console.log('结果🐟',code.toString())

const path = require('path');
const ConsoleLogOnBuildWebpackPlugin = require('./plugin/ConsoleLogOnBuildWebpackPlugin')

module.exports = {
  module:{
    rules: [{
      test: /\.js$/,
      use: [
        {
          loader: path.resolve('./loader/index.js'),
          options: {
            data:"🍌🍌🍌:自定义loader"
          }
        }
      ]
    }]
  },
  plugins:[
    new ConsoleLogOnBuildWebpackPlugin()
  ]
}

if ('serviceWorker' in navigator) {
  console.log('当前控制权', navigator.serviceWorker.controller);
  navigator.serviceWorker.register('/service-worker.js').then((registration) => {
    console.log('serviceWorker注册成功，范围为：', registration.scope)
  }).catch((err) => {
    console.log('serviceWorker登记失败', err)
  })
}

<img src="null" onerror= ()=> alert(document.cookie) />