webpack基础配置01安装配置这里已经默认安装好node环境查看是否安装了node命令node-v创建项目文件夹例如创建如下文件夹webpack-demo创建配置项npminit或npminit--y此时会生成一个package.json文件Installwebpackandwebpack-clinpminstallwebpackwebpack-cli-gglobalInstallwebpackandwebpack-clinpminstallwebpackwebpack-cli--save-devin项目文件夹在编辑器中打开项目并打开pakage.json文件。如果出现webpack和webpack-cli的版本号，说明安装成功。配置生产和开发模式。pakage.json中的“scripts”参数表示自定义命令。这里我们可以添加如下代码："dev":"webpack--modedevelopment","build":"webpack--modeproduction"创建一个入口文件。/src/script/main.js在项目路径下创建一个webpack配置文件，默认不需要配置，这里我们可以自定义配置选项entry来指明入口文件的地址；output表示输出信息，其中path为输出文件的目录地址，如果没有则自动生成（**需要绝对路径**），filename表示生成的文件名在项目文件夹下创建dist文件夹存放打包后的js文件。运行：npmrundev表示开发模式打包。此时./dist/js/下会生成一个bundle.js文件npmrunbuild表示生产模式，此时压缩main.js创建index.html，导入打包好的bundle.js文件，打开在浏览器中打开index.html文件，打开控制台：我们在入口js文件中编写的代码正确输出，打包成功！
