标签：

这里使用webpack4.41.2 为例 一、安装webpack

1、本地安装，安装最新版本或特定版本

npm install --save-dev webpack npm install --save-dev [email protected]<version>

如果你使用 webpack 4+ 版本，你还需要安装 CLI

npm install --save-dev webpack-cli

2、全局安装

npm install --global webpack webpack-cli 或 npm install -g webpack webpack-cli

二、使用webpack 打包

1、方法一，命令行打包方式

//开发模式打包，打包好的文件不会被压缩 webpack --mode development demo.js bundle.js //最新版的webpack 需要加参数- o，来指定输出的文件 webpack --mode development demo.js -o bundle.js

2、使用webpack的配置文件来打包

webpack -config webpack.conf.js (指定webpack的配置文件)

配置文件如下webpack.conf.js：

const path = require(‘path‘); module.exports = { entry: ‘./src/index.js‘, output: { filename: ‘bundle.js‘, path: path.resolve(__dirname, ‘dist‘) } };

webpack 的安装与使用