Node.js bundle.js未被创建

我试图创建简单的网页项目使用vs代码。 它有两个文件夹： 1.dist 2.src

我在src文件夹中有app.js文件，我需要使用webpack命令创建包文件

为此，我使用下面的命令

webpack ./src/app.js ./dist/bundle.js

但是这个命令给出了下面的错误

multi./src/app.js./dist/app.bundle.js中出错 未找到模块：错误：无法解析“D:\Webpack\Webpack-101”中的“./dist/app.bundle.js” @multi./src/app.js./dist/app.bundle.js

我遗漏了一些小东西，如果有人能弄清楚我到底遗漏了什么，那将非常有帮助？

---

提前感谢

如果你没有

webpack.config.js

文件，你可以依赖默认配置，但是你需要在这之前做一些事情

首先，您的“主”脚本必须位于：

src/

中，并且应该命名为

index.js

默认情况下，输出总是

dist/

因此，您可以运行：

webpack

。您的包将被生成

---

---

或者您可以

webpack--entry./src/app.js--output./dist/bundle.js

如果您没有

webpack.config.js

文件，您可以依赖默认配置，但您需要先做一些事情

首先，您的“主”脚本必须位于：

src/

中，并且应该命名为

index.js

默认情况下，输出总是

dist/

因此，您可以运行：

webpack

。您的包将被生成

---

---

或者您可以

webpack--entry./src/app.js--output./dist/bundle.js

您需要创建webpack.config.js

const path = require('path');

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

更新package.json

{
    "name": "webpack-demo",
    "version": "1.0.0",
    "description": "",
    "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1",
+     "build": "webpack"
    },
.....
}

跑

npm run build

---

您需要创建webpack.config.js

const path = require('path');

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

更新package.json

{
    "name": "webpack-demo",
    "version": "1.0.0",
    "description": "",
    "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1",
+     "build": "webpack"
    },
.....
}

跑

npm run build

---

首先，fajl package.json中的所有数据都将通过命令行/terminal/gitshell输入，这一点很重要……在windows 10上，我解决了在terminal next中键入的问题：

---

$npm install typescript

首先，fajl package.json中的所有数据都必须通过命令行/terminal/gitshell输入，这一点很重要……在windows 10上，我解决了在terminal next中键入的问题：

---

$npm install typescript

请发布您的网页包配置当前我尚未创建网页包配置文件，目前我只有package.json文件请发布您的网页包配置当前我尚未创建网页包配置文件，我现在只有package.json文件我在src folder中有index.js文件你说它叫app.js。只是运行webpack，它应该编译。我的坏，我没有提到index.js文件我只是运行webpack cmd，它工作了，main.js文件在dist文件夹中创建，谢谢为什么“webpack./src/app.js./dist/bundle.js”命令不工作？我在src文件夹中有index.js文件你说它叫app.js。只是运行webpack，它应该编译。我不好，我没有提到index.js文件我只是运行webpack cmd，它工作了，main.js文件在dist文件夹中创建了，谢谢为什么“webpack./src/app.js./dist/bundle.js”命令不工作？谢谢队长的即时回复！！！main.js文件是通过运行webpack命令创建的。感谢船长的即时回复！！！main.js文件是通过运行webpack命令创建的