node.js - bundle.js 没有被创建

Question

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

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

为此，我使用以下命令

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

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

多 ./src/app.js ./dist/app.bundle.js 中的错误找不到模块：错误：无法解析 'D:\Webpack\WEBPACK-101 中的 './dist/app.bundle.js' ' @multi ./src/app.js ./dist/app.bundle.js

我缺少一些小东西，如果有人能弄清楚我到底缺少什么，那将非常有帮助？提前致谢！！！

Answer 1

如果您没有webpack.config.js文件，则可以依赖默认配置，但您需要先做一些事情。

首先，你的“主”脚本必须在：src/并且它应该被命名index.js

默认情况下，输出始终为dist/.

所以知道这一点，你可以运行：webpack. 并且您的捆绑包将被生成。

---

或者你可以webpack --entry ./src/app.js --output ./dist/bundle.js

Answer 2

您将需要创建 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

更多细节

Answer 3

首先，重要的是 fajl package.json 中的所有数据都将通过命令行/终端/gitshell 输入...然后，在 Windows 10 上，我解决了接下来在终端中输入的问题：$ npm install typescript