webpack笔记

2019-0515 WebPack 基础知识

首先需要明白webpack为什么会出现，作用是什么，总之他就是一个模块打包工具；
commonJS的模块导出方式为:

function SiderBar() {
    var dom = document.getElementById('root');
    var siderbar = document.createElement('div');
    siderbar.innerHTML = 'siderbar';
    dom.append(siderbar);
}

module.exports = SiderBar

commonJS的模块导入(引入)方式为:

var SiderBar = require('./siderbar.js')

webpack是一个打包工具，，他能识别任何一个模块引入的语法，包括ES Module(也就是 import export)、CommonJS 、CMD 、AMD都可以识别。webpack都能够进行很好的翻译。