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

ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in ‘E:\ASUS\Documents\VSCode files\WebPackProject’

通過配置文件指定入口出口

webpack.config.js(必須在項目根目錄下)

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
      path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  }
};

---

不通過配置文件打包方式

webpack4 默認不需要再創建webpack.config.js來配置打包的入口和出口；

默認情況下，

入口為./src/index.js文件

出口為./dist/main.js文件

目錄結構：

確保入口文件/src/index.js位置正確，在項目根目錄下運行命令：

webpack

即可完成打包。

---

此時可以看到項目目錄下的dist文件夾下就會打包好的文件main.js；

在需要引入的html文件index.html中正確引入即可；

也可以使用以下命令手動指定：
webpack ./src/index.js --output-filename ./dist/main.js --output-path . --mode development

或者

webpack ./src/index.js -o ./dist/main.js --mode development

注意：
最后的--mode development 是指定開發模式，不指定會報警告；

還有一種mode是--mode production指定生產模式，此模式下打包的js文件會進行壓縮，前者則不會；

所以上面直接執行webpack會提示警告，關閉警告可通過以下命令打包：

webpack --mode development

或

webpack --mode production

`

---