記錄webpack打包學(xué)習(xí)
????我現(xiàn)在跟著視頻教程學(xué)習(xí)webpack基礎(chǔ)打包涂臣,在最開始就遇到了問題,首先教程webpack版本是3.10.0售担,我現(xiàn)在安裝最新的版本是4.12.0赁遗,其中他的命令行操作是:webpack entry <entry> output ,輸入的是 webpack app.js bundle.js 族铆。
? ? 我按照他的操作顯示有下圖錯(cuò)誤岩四,并且在 ?webpack -h 后顯示 webpack-cli 的版本。
? ? 問題:1.multi 是什么意思哥攘? ? ?
? ? ? ? ? ? ? ?2.顯示mode必須配置剖煌, webpack 的命令行打包是否已經(jīng)失效,還是必須需要配置文件逝淹?
? ? ? ? ? ? ? ? 解決方法:https://blog.csdn.net/qq_39207948/article/details/79436644
? ? 一邊積累問題耕姊,一邊在深入學(xué)習(xí)中尋找解決問題的方法。
知識(shí): webpack ?支持 es module :
? ? ? ? ? ? ? ? ? ? 引用: import sum from './sum' ? ?创橄;導(dǎo)出: export default function(){.....}
? ? ? ? ? ? webpack ?支持 ?commonjs :
? ??????????????????引用:var minus = require('./minus') ? 箩做;導(dǎo)出:module.export?= function(){....}
?????????????webpack ?支持?AMD :
? ??????????????????引用:require(['./minus'],function(minus){...}) ? ;導(dǎo)出:define(function(require,factory){...})(自查)
????????????????????注意:AMD是異步加載模塊妥畏,打包后會(huì)出現(xiàn)2個(gè) bundle.js 文件邦邦。