webpack.01-簡単に使う

1214 ワード

npm webpack javascript es 5

webpack公式サイト:https://webpack.js.org/
グローバルインストールwebpack

cnpm i -g webpack webpack-cli

index.jsを作成します

console.log('hello webpack')//  ：   es5       ，es6  babel

cmd運転

webpack index.js//------>     dist，    main.js，

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more:

公式サイトmode詳細:https://webpack.js.org/configuration/mode/
次の2つの生成方式には警告がない(modeを加えてデフォルトのmodeはnone)
開発モデルdevelopment

webpack index.js --mode development//

生産モードのproduction

webpack index.js --mode production//

webpack.02-どうやって包装しますか？

zwibbler.js(一)