完整的创建一个webpack项目

1.建立

webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具

1.1 首先先得有一个nodejs环境，没有的话需要去nodejs官网下载

官网：https://nodejs.org/zh-cn/

1.2 新建一个package.json

我这里是在Visual Studio Code 里创建的，到集成终端中打开，进入到项目的根目录下运行 npm init -y 当然这里会出现许多选项(默认参数:版本号等等)，作为新手呢，第一次直接进行下一步，最后选择yes，到此一个package.json就建好了

1.3 创建webpack.config.js文件

使用命令创建：cnpm i -g webpack webpack-cli

可以通过手动创建，新建文件，将以下代码放入到js文件里

webpack -v

module.exports = {
  entry: './index.js',
  output: {
   path: __dirname,
    filename: "bundle.js"
  },
}

1.4 在根目录下新建src文件夹

在这里创建index.js 和index.html

当然目录结构如图：

 

1.5 当然要将这个项目跑起来需要安装一些支持的环境和模块

npm i - D webpack-dev-server

npm install webpack -g

npm install webpack-cli -g

以上为全局安装，下面那个呢是webpack项目的开发依赖

npm install --save-dev start-webpack-dev-server-hot

这里也可以使用cnpm去安装，当然为了能更好的去跑起来项目以及后续的修改(推荐使用淘宝的镜像，国内npm可能下载较慢)

这里提一下：package.json也用来配置一些node下使用的命令，比如平时npm run dev 直接运行项目，都是在这里封装好了之后，就是这么来的

 可能总结的不是太全面，这里推荐去官方文档去看看

webpack官方中文文档：https://webpack.docschina.org/concepts/#entry