要安裝webpack和webpack-cli
webpack4已經(jīng)不再用webpack file1 file2的方式進(jìn)行打包
用webpack --mode development/production命令打包
默認(rèn)項(xiàng)目入口為根目錄中的./src/index.js(需要自己添加)
輸出到./dist/main中(打包后自動(dòng)生成)
可在package.json中配置命令
"dev": "webpack --mode development"
"build": "webpack --mode production"
總結(jié)
1拗军、webpack-cli必須要全局安裝任洞,否則不能使用webpack指令;?
2发侵、webpack也必須要全局安裝交掏,否則也不能使用webpack指令。?
3刃鳄、webpack4.x中webpack.config.js這樣的配置文件不是必須的盅弛。?
4、默認(rèn)入口文件是./src/index.js叔锐,默認(rèn)輸出文件./dist/main.js挪鹏。
配置步驟
1、創(chuàng)建工程目錄愉烙;?
2讨盒、初始化工程目錄:npm init。?
3步责、全局安裝webpack-cli返顺。?
4、全局安裝webpack勺择。?
5创南、webpack –mode development/production進(jìn)行打包,可在package.json中配置dev和build的腳本省核,便只需運(yùn)行npm run dev/build稿辙,作用相同。?
6气忠、在webpack –mode development/production可串聯(lián)設(shè)置其他參數(shù)邻储。