下面小编就为大家分享一篇webpack 单独打包指定JS文件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

使用webpack打包，最爽的事情莫过于可以直接require文件了，但是这 同时带来了一个问题，就是所有的文件整合到一起，那这一个包就太大了。 基于此：下面我们来了解下webpack的打包（主要是将如何将我们需要的内容模块，分开打包， 并且按照我们自己设定的存放路径进行存放） 首先在webpack.config.js文件中 entry入口函数出表示出哪些是需要单独打包成一个js包的： entry: { main: path.resolve(__dirname,'src/index.js'

背景 最近接到一个需求，因为不确定打出的前端包所访问的后端IP，需要对项目中IP配置文件单独拿出来，方便运维部署的时候对IP做修改。因此，需要用webpack单独打包指定文件。 CommonsChunkPlugin module.exports = { entry: { app: APP_FILE // 入口文件 }, output: { publicPath: './dist/', //输出目录，index.html寻找资源的地址 path: BUILD_PATH, // 打包目