Javascript 网页包：在多模块中找不到错误

我正在尝试学习Webpack，但在尝试执行最简单的Webpack命令时出现了一个错误，因此它非常简单。这是我的错误：

PS D:\Projets\#Bazar\WebPackTry> webpack src/js/main.js dist/bundle.js
Hash: 67b5c95f9d0dfcab805d
Version: webpack 4.0.0
Time: 227ms
Built at: 2018-2-25 12:41:17
  1 asset
Entrypoint main = main.js
[0] ./src/js/main.js + 1 modules 83 bytes {0} [built]
    | ./src/js/main.js 32 bytes [built]
    | ./src/js/log.js 51 bytes [built]
[1] multi ./src/js/main.js dist/bundle.js 40 bytes {0} [built]

WARNING in configuration
The 'mode' option has not been set. Set 'mode' option to 'development' or 'production' to enable defaults for this environment.

ERROR in multi ./src/js/main.js dist/bundle.js
Module not found: Error: Can't resolve 'dist/bundle.js' in ' 
D:\Projets\#Bazar\WebPackTry'
@ multi ./src/js/main.js dist/bundle.js

如您所见，我发出了以下命令：

webpack src/js/main.js dist/buundle.js

和webpack抛出了这个错误

我尝试了绝对路径，我认为我与#Bazar的路径名称将是一个问题。 但即使在改变它们时，我也会犯同样的错误

我成功的唯一途径是创建dist/bundle.js

但即使像这些网页一样，在我的dist文件夹中创建另一个文件call

main.js

我试图学习多个教程，但没有找到有关此错误的任何信息

这也是我的项目架构

WebpackTry
|-node_modules
|-dist
|-src
|  |-css
|  |-js
|     |log.js
|     |main.js
|index.html
|package-lock.json
|package.json

PS：对不起，我的英语不好：/

---

PS2：我还不能发布图片，所以我必须复制/粘贴我的错误。我建议您通读，并在根目录中设置一个webpack.config.js文件。另外，将所有源文件移动到src/（包括index.html）

下面是一个示例webpack.config.js文件，可根据您当前的项目结构进行自定义

const path = require('path');

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

---

以下是通过在webpack 4

Usage without config file: webpack <entry> [<entry>] --output [-o] <output>

---

添加--输出，并指定模式选项即可。

谢谢，内文-这正是我需要的解决方案。

webpack src/js/main.js --output dist/bundle.js --mode development