版本4.23+ ***** 第一步: 新建文件夹demo,然后进该目录下,运行命令: `npm init -y` 初始化 ***** 第二步: 安装webpack `npm install webpack webpack-cli webpack-dev-server` 或全局安装 `npm install webpack webpack-cli webpack-dev-server -g` ***** 第三步: 修改package.json,设置模式,有开发模式和生产模式 找到 "scripts"项,在里面加入 ``` "dev": "webpack --mode development", "build": "webpack --mode production" ``` ***** 第四步: 测试 在当前目录下新建hello.js,内容如下: ``` function hello(str){ alert(str); } ``` 然后在命令行运行: `webpack --mode=development hello.js -o hello.bundle.js` ***** 第五步: 两个命令: npm run dev(开发环境使用,编译过的文件没有压缩) npm run build(生产模式使用,编译过的文件压缩过) 先在当前目录下新建两个目录,分别为src和dist. src存放原文件,dist存放编译后的文件 在src目录下新建index.js,内容如下: `console.log('sdsdsd');` 然后在命令行运行 `npm run dev` 或 `npm run build`