javascript 为什么webpack的输出总是main.js？

wn9m85ua 于 2023-04-19 发布在 Java

关注(0)|答案(1)|浏览(230)

我有这样的结构项目：

my-app/
├─ node_modules/
├─ dist/   
├─ src/
│  ├─ index.css
│  ├─ index.js
│  ├─ index.html
├─ package.json
├─ webpack.config.js

我的webpack.js是：

const { Module } = require("webpack");
Module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: __dirname + '/dist',
    }
}

当我运行命令npx webpack或npm run build时，输出文件总是保存为dist/main.js，而不是dist/bundle.js
知道我做错了什么吗

JavaScript

来源：https://stackoverflow.com/questions/68156517/why-webpack-output-is-always-main-js

1条答案

按热度按时间

pcrecxhr1#

docs (for webpack 5)给予了几个设置entry属性的选项。您使用的是“Single Entry”方式。以下是文档中的说明：

单项（速记）语法

module.exports = {```
    entry: './path/to/my/entry/file.js',```
};

[this] entry属性的单条目语法是以下内容的简写：

module.exports = {
    entry: {
        main: './path/to/my/entry/file.js',
    },
};

我再重申一遍

entry: './src/index.js',

在你的配置文件中，你不知不觉地使用了速记，并将捆绑文件的名称设置为main.js。
如果你看一下上面链接的文档页面，你会发现有几种方法可以解决这个问题，但一种方法是将当前的entry属性替换为：

entry: {
     'bundle': './src/index.js'
},

赞(0）回复(0）举报 2023-04-19

我来回答

javascript 为什么webpack的输出总是main.js？

1条答案

相关问题

热门标签

最新问答