Webpack配置entry修改入口文件或打包多个文件

当我们使用Webpack进行文件打包时,默认打包的文件是src文件下的index.js文件

Webpack配置entry修改入口文件或打包多个文件_第1张图片 

一、修改Webpack打包入口 

如果我们想要在其他文件下打包指定的js文件就需要在webpack.config.js文件中进行entry配置

Webpack配置entry修改入口文件或打包多个文件_第2张图片

Webpack配置entry修改入口文件或打包多个文件_第3张图片

Webpack配置entry修改入口文件或打包多个文件_第4张图片 二、将指定的多个文件打包为一个文件

现在有两个文件,a.js输出a,b.js输出b,现在要在webpack.config.js中配置使这两个文件都打包到一个文件当中。

Webpack配置entry修改入口文件或打包多个文件_第5张图片

Webpack配置entry修改入口文件或打包多个文件_第6张图片 Webpack配置entry修改入口文件或打包多个文件_第7张图片

三、将指定的所有文件单独打包

 如果我们不想让上面的a.js和b.js合并为一个main.js文件而是单独打包,可以在webpack.config.js中进行配置。

Webpack配置entry修改入口文件或打包多个文件_第8张图片

Webpack配置entry修改入口文件或打包多个文件_第9张图片 

这里的文件名是我们在上面配置的entry对象的属性名。 

你可能感兴趣的:(Webpack,webpack,前端,node.js)