• 新建一个文件，然后用VSCode打开，
    • webpack是在node环境下运行的。所以必须先配置好node,npm
    • node,npm安装好之后，初始化npm, 生成package.json
    • npm init
    • 导入webpack npm install webpack —save-dev
    • 在package.json中添加配置。
    1.   "scripts": {
    2.     "start": "webpack",
    3.     "dev": "webpack --mode development",   //开发模式
    4.     "build": "webpack --mode production"   //生产模式
    5.   },
    • 创建webpack.config.js
    1. module.exports = {
    2.     entry: __dirname + "/app/main.js",
    3.     output :{
    4.         path: __dirname + "/public",
    5.         filename: "bundle.js"
    6.     }
    7. }

    • 运行

      npm start 带警告 npm run dev npm run bulid

    • 此外，还需要下载 webpack-cli.

    补充： （注意啊，我这是笔记，我自己看的，下面有链接，是比较详细的。）
    具体配置webpack过程。

    1. node npm 安装好，
    2. 初始化npm,生成package.json文件
    3. npm install webpack
    4. 新建webpack.config.js文件
    5. 配置webpack.config.js文件
    6. npm run webpack 运行webpack即可。
    7. 它会按照配置文件生成相应位置的相应名称的文件。
    8. 你再用html文件引入打包后的文件，此时不需要node环境也可以展示内容。

    链接**：**

    感谢这位大兄弟的博客