提问人：Alim Gölcük 提问时间：11/3/2023 最后编辑：Alim Gölcük 更新时间：11/4/2023 访问量：46
为什么“dist/main.js”只用我的 index.js 文件中的代码创建，而当我使用 Webpack 时没有更多？
Why is "dist/main.js" created only with the codes in my index.js file but not more when I use Webpack?
问：
我正在观看 Webpack 教程来理解它的概念，当我按照教程操作时，有些结果并不相同。
我的package.json文件夹是这样的：
{
"name": "code",
"version": "1.0.0",
"private": "true",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"webpack": "^5.89.0",
"webpack-cli": "^5.1.4"
}
我在 src 中的 index.js 文件只是一个警报函数，仅此而已。
alert("HELLO FROM WEBPACK");
所以在教程中，当他运行“npm start”时，在main.js中创建了一个“dist/main.js”文件夹，里面有一堆代码。
但是当我做同样的事情并且在 main.js 中只有在 index.js 中编写的代码。
所以这个教程是四年前的。是有什么变化，这是完全正常的还是有问题的？
答：
0赞
Eugene
11/4/2023
#1
最有可能的是，教程中的那个人有一个 ，这影响了构建。如果您没有配置，那么默认情况下会有一个模式为“production”的构建，这样的输出是可以的。webpack.config.js
评论
0赞
Alim Gölcük
11/6/2023
他也没有 webpack.config.js 文件，也没有在 “package.json” 中将 “mode” 属性设置为 “development”，因此他的项目也是使用 “production” 模式构建的。我将“mode”属性设置为“development”，并且main.js文件现在已更改，但与他的main.js方式不同。他的“main.js”代码与我的不同。正如我所说，他在那个视频中在 Webpack 4 中工作，我在 Webpack 5 中工作，也许有些事情发生了变化，我们不知道。顺便说一句，我提到的教程是：“ youtube.com/...... "
评论