webpack .\src\main.js .\dist\bundle.js出现错误

webpack .\src\main.js .\dist\bundle.js出现错误

终端输入 webpack .\src\main.js .\dist\bundle.js出现
就去安装了webpack，输入命令 npm install webpack --save-dev

再次输入命令 webpack ./src/main.js ./dist/bundle.js还是报同样的错
后来在弹幕中看到输入 npm link webpack，让我装webpack-cli
输入yes报错找不到webpack-cli，后来不管输入啥都让我安装webpack-cli，安装了依旧报错。。。。
重点来了：
我在一篇博客里看到需要创建文件夹scripts，并且在里面创建index.js，写入代码

const s=()=>{ 
    console.log('s init')
    }
    s()

再创建webpack.config.js文件，写入代码

const path = require("path");
module.exports = {
    entry: {
        index: "./scripts/index.js" //入口文件，若不配置webpack4将自动查找src目录下的index.js文件
    },
    output: {
        filename: "[name].bundle.js",//输出文件名，[name]表示入口文件js名
        path: path.join(__dirname, "dist")//输出文件路径
    }
}

然后在终端输入命令

webpack ./src/main.js -o ./dist/bundle.js

终于，在dist下生成了bundle.js文件

然后再html文件中引入

<script src="../dist/bundle.js"></script>

成功运行

其中主要是两个问题：
1、如果没有自己创建scripts文件夹写入index.js文件，系统就回去src目录下找index.js文件，结果就会报错
2、webpack4的命令与webpack3的命令有所不同