当前位置: 首页 > 后端技术 > Node.js

webpack4高手之路

时间:2023-04-03 10:27:37 Node.js

webpack4多入口多出口初始化webpack项目,构建基础目录配置webpack.config.js配置文件constpath=require("path");module.exports={//引入nodejs路径模块entry:{main:"./src/script/main.js",//可以配置多个入口文件demo:"./src/script/demo.js“},输出:{路径:路径。join(__dirname,"dist","test"),//解决linecommand的目录和webpack.config.js不在同一个目录下导致的容错问题,使用绝对路径也是有效的filename:"[name].bundle.js"//[name]对应你入口文件的名字,就是属性名}}配置package.json{"version":"1.0.0","description":"","main":"index.js","scripts":{"dev":"webpack--modedevelopment","buil":"webpack--modeproduction"},"keywords":[],"author":"","license":"ISC"}npmrundev在开发模式下运行打包,查看打包成功后的输出文件,会发现生成了我们配置输出的两个js文件。这样多个js文件的多导出打包就完成了!