手动搭建webpack

1.什么是webpack?简单的来说：其实就是一个项目打包器；
2.为什么使用它？
以前开发时一个html文件可能会引用好多JS文件，而且顺序还不能乱，因为他们存在依赖关系，同时还用一些新的语法，插件，而且
对于前端css scss less等预编译语法处理很复杂，打包很费劲儿；基于这哥情况，webpack工具应用而生！
3.对于他的使用方法，我个人建议最好去看的他的官方文档；使用说明，简介清晰；
webpack: https://webpack.docschina.org/concepts/output/#usage
4.我在这里举个例子：
首先在编辑器新建一个目录，目录下下新建src目录，dist目录，还有最关键的webpack.config.js配置文件；其次，进来npm init -y 初始化项目；
然后：分别安装：npm install webpack -D; npm install webpack-cli --D;如果需要打包服务；
你可以安装：webpack-dev-server;在src目录下建立index.js,hello.js文件；截图如下“




打包后什么样的感觉！关键是看你的webpack的mode属性的配置；它有production ,development模式；
一般打包后生产模式：如下：

好吧，今天就说打这里；后期有好的东西在分享！！！再会