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

More Details

Answer 3

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

bundle.js没有被创建

3 个答案: