webpack打包后的代码
注: 如果我们直接通过模块化的方式(ESModule, Commonjs),用script标签链到对应模块化的js,浏览器是不认识模块化的。
但是如果我们通过webpack命令,借助webpack将模块化代码打包成一个dist,再用script标签链到对应js,这时候浏览器是能够正常运行的
注:当我们敲webpack命令的时候,webpack会在当前目录下找src下的index.js, 然后生成打包后的main.js。 如果当前目录下没有src或没有index.js,那么webpack会报错
我们也可以通过在package.json中创建sciprts,如图,当我们npm run build的时候会自动执行webpack脚本