webpack本身就是为打包js而设计的，作为第一节介绍如何打包js。1.验证webpack规范是否支持webpack支持es6、CommonJS、AMD。创建vendor文件夹，minus.js、multi.js、sum.js分别写在CommonJS、AMD、ES6规范中。>>>vendor文件夹代码地址在入口文件app.js中，我们分别用3个规范来引用vendor文件夹下的js文件。//ES6从"./vendor/sum"导入总和；console.log("sum(1,2)=",sum(1,2));//CommonJsvarminus=require("./vendor/minus");console.log("minus(1,2)=",minus(1,2));//AMDrequire(["./vendor/multi"],function(multi){console.log("multi(1,2)=",multi(1,2));});2。编写配置文件webpack.config.js是webpack默认的配置文件名，>>>webpack.config.js代码地址，其中配置如下：constpath=require("path");module.exports={entry:{app:"./app.js"},output:{publicPath:__dirname+"/dist/",//js引用路径或CDN地址path:path.resolve(__dirname,"dist"),//打包文件的输出目录filename:"bundle.js"}};注意output.publicPath参数，意思是：js文件内部引用的其他文件的路径。3、最终打包好的js文件会根据我们的配置放在dist目录下。这时候需要创建一个html文件来引用打包后的js文件。然后在Chrome中打开（本课只是打包js，不包括编译es6），就可以看到我们代码的运行结果了。4、本版块更多代码地址：>>>点我进入项目代码仓库：>>>点我欢迎技术交流，转载请注明出处，供参考。个人网站：袁欣
