webpack打包程序

1. 什么是webpack？
   webpack是目前市场占用率最高的模块打包工具，可以将系统的各个模块和各种资源文件进行整合、打包。
2. 安装webpack步骤？
   ————1. 初始化npm

npm init
npm init -y	//没有过程选择

字段名	备注
main	打包后通过import导入时的入口文件
license	开源许可证
devDependencies	开发依赖，正式打包将不会一起打包
dependencies	正式依赖，开发打包和正式打包都会存在

1. 安装webpack webpack-cli。cli是可以让我们在命令行中使用webpack。

npm install webpack webpack-cli -D

2. npx指令会从当前目录中查找webpack。如：

npx webpack -v	//查找当前目录的webpack版本
npm webpack -v	//查找全局目录的webpack版本

3. 查找包版本。

npm info 包名

4. 添加一些基本js文件，可使用如下命令做简单的翻译。

npx webpack 文件名

5.但是每次这么翻译不方便，所以添加webpack.config.js配置文件，并且做基本的配置。

参数名	备注
[hash]	模块标识符的 hash
[chunkhash]	chunk 内容的 hash
[name]	模块名称
[id]]	模块标识符
[query]	模块的 query，例如，文件名 ？ 后面的字符串
[function]	一个 return 出一个 string 作为 filename 的函数
[contenthash]	内容改变后重新计算的hash值

const path = require('path');

entry: {
   
    //名字随便添加
    main: './index.js',	//入口文件
},    //打包入口
//输出目录
output: {
   
    chunkFilename: '[name].chunk.js'