webpack打包错误 ERROR in multi ./src

Error: Cannot find module 'webpack-cli'--解决方案

全局安装webpack

npm i webpack -g

对main.js进行打包

webpack src/main.js -o dist/bundle.js --mode=development

使用配置文件方式

• 创建js文件 webpack.config.js

// 操作文件目录,需要引入 path
const path = require('path');

// 通过node的模块操作向外暴露了一个 配置对象
module.exports = {
    // webpack4.0 需要指定开发模式(https://webpack.js.org/configuration/mode/)
    mode: "development",
    // 指定入口和出口 (打包文件和输出文件)
    // __dirname 代表项目的根目录
    entry: path.join(__dirname, './src/main.js'), // 表示用webpack打包哪个文件
    output: { // 输出文件的相关配置
        path: path.join(__dirname, './dist'), // 打包好的文件输出到哪个目录
        filename: "bundle.js" // 指定输出文件的名称
    }
};