2.下载安装webpack: npm i webpack webpack-cli -D :将webpack作为开发依赖安装
检查是否安装成功:npx webpack -v :检查node_modules下面有没有webpack文件,有的化就读取文件里的版本信息
webpack只是代码压缩工具,只在开发阶段使用
3.开始打包:npx webpack
全称:npx webpack js文件路径 :如果没有写Js路径,默认打包./src/index.js
入口:webpack打包一定要有入口文件,webpack的默认打包文件入库目录是./src/index.js,因此项目中一般都会有src目录和index.js
出口:js代码发生变化时,需要重新打包,webpack会把打包文件默认放入dist/main.js
webpack只会打包入口文件,如果想要打包其他文件,需要在入口文件导入其他模块,即被打包的文件一定会和入口文件形成直接或者间接的依赖关系
webpack模块化同时支持common.js模块化和es6模块化
common.js
导出:module.exports
导入:required