将多个js文件合并打包成一个默认main.js流程,配置都在webpack.config.js里面完成
1.多入口的js 文件,打包后,会自动合并后生成一个 main.js 文件,
const path=require('path'); //调用node.js中的路径
module.exports={ mode:"development" , //开发模式,没有对js等文件压缩,默认生成的是没有压缩文件 mode : 'production' , //生产模式,对js等文件压缩,默认生成的是压缩文件 entry:[ "./src/js/a.js", "./src/js/b.js", "./src/js/index.js" ], output:{ // __dirname 表示webpack.config.js 这个配置文件的位置 filename:'[name].js', //输入的文件名是什么,生成的文件名也是什么,默认配置 // filename:'[name].[chunkhash:8].js',//增加8位的哈希值,生成新的动态文件 path:path.resolve(__dirname,'dist') //指定生成的文件目录 }, watch:true, // 自动化打包 时时监控}
复制代码