bundle.js 未创建

Question

我正在尝试使用 vs 代码创建简单的 webpack 项目。它有两个文件夹： 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” @多./src/app.js ./dist/app.bundle.js

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

Answer 1

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

首先，您的 "main" 脚本必须在： 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

More Details

Answer 3

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

bundle.js 未创建

bundle.js not getting created

node.js

webpack

visual-studio-code

vscode-settings