关于webpack打包的问题

1.使用webpack .\src\main.js .\dist\bundle.js后出现Error: Cannot find module ‘webpack-cli’ 的问题，直接全局安装webpack-cli 即可

npm install webpack-cli -g

2.使用webpack .\src\main.js .\dist\bundle.js命令后出现以下问题

ERROR in multi ./src/main.js ./dist/bundle.js
Module not found: Error: Can't resolve '.\dist\bundle.js' in 'D:\(VsCode)workplace\webpack-study'
 @ multi ./src/main.js ./dist/bundle.js main[1]

ERROR in multi ./src/main.js ./dist/bundle.js
Module not found: Error: Can't resolve '.\src\main.js' in 'D:\(VsCode)workplace\webpack-study'
 @ multi ./src/main.js ./dist/bundle.js main[0]

是因为webpack版本更新后，命令不再是 webpack .\src\main.js .\dist\bundle.js，而是

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

3.使用webpack .\src\main.js .\dist\bundle.js命令后出现以下问题

ERROR in Entry module not found: Error: Can't resolve './src/main.js' in ***

是因为在src文件夹里没有main.js文件。可能是你把main.js文件放在其他位置。解决方法是直接把对应的main.js文件放到src文件夹即可。

4.使用webpack命令后出现以下问题

ERROR in Entry module not found: Error: Can't resolve './src' in ***

可能是因为还没有配置文件
解决方法：建一个与src文件夹同级的js文件webpack.config.js
简单配置如下

const path=require('path')
module.exports = {
  entry: path.join(__dirname, './src/main.js'), //文件入口
  output:{ //输出文件相关的配置
    path: path.join(__dirname, './dist'),//输出目录
    filename:'bundle.js' //输出文件名
  }
}