webpack entry和output
时间: 2023-07-22 18:31:09 浏览: 152
webpack 入门
webpack的entry和output是配置文件中必须要配置的两个属性。
entry指定webpack打包的入口文件,可以是单个文件或者多个文件。在webpack中,entry是一个对象,其中的key表示chunk名称,value表示入口文件路径,可以同时指定多个入口文件。
output指定webpack打包后的输出文件,可以是单个文件或者多个文件。在webpack中,output也是一个对象,其中的属性可以包括filename(输出文件名)、path(输出目录)、publicPath(公共路径)等。
举个例子,假设我们有两个入口文件index.js和app.js,我们希望将它们打包成bundle.js和vendor.js,那么webpack的配置文件可以这样写:
```
module.exports = {
entry: {
index: './src/index.js',
app: './src/app.js'
},
output: {
filename: '[name].js',
path: __dirname + '/dist'
}
};
```
这样配置后,webpack会将index.js和app.js打包成index.js和app.js两个文件,分别放在dist目录下。其中,[name]会被替换成entry中的chunk名称。
阅读全文