webpack 打包

1. 全局安装 webpack 和 webpack-cli

npm i webpack webpack-cli -g

2. 项目中安装 webpack 和 webpack-cli

npm i webpack webpack-cli -D

3. package.json 中

  "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production"
  },

4. 进行打包

npm run dev    // 开发环境打包，不会压缩
npm run build  // 生产环境打包，会对打包后的文件进行压缩

5. 注意

• 如果只在项目中安装了 webpack 和 webpack-cli ，则无法直接使用 webpack 命令，但可以通过 npm run dev 来执行 scripts 中的打包脚本
• 如果需要在直接使用 webpack 命令，需要全局安装 webpack 和 webpack-cli
• 如果是默认配置，默认打包 src 下的 index.js，输出到 dist 文件下