使用 webpack 打包 js
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用 webpack 打包 js相关的知识，希望对你有一定的参考价值。
参考技术A 通过 命令行工具打包: webpack app.js bundle.js; 打包完成后会在同目录下生成bundle.js.app.js: 入口文件;
bundle.js: 打包好的文件。
通过amd规范定义的, 打包后会生成一个bundle.js 和 一个 1.bundle.js， 两个bundle.js 文件
webpack打包js代码
参考技术A 有时候需要将es6语法转化成es5语法，便于低版本浏览器兼容。在module.rules中使用
此时执行 npx webpack命令编译 执行npx webpack-dev-server启动服务，在后台会报错：regeneratorRuntime is not defined。
regeneratorRuntime是webpack打包生成的全局辅助函数，由babel生成，用于兼容async/await的语法。regeneratorRuntime is not defined这个错误显然是未能正确配置babel。
添加以下插件及配置：
接着改一下babel的配置文件
以上是关于使用 webpack 打包 js的主要内容，如果未能解决你的问题，请参考以下文章
万字长文解密webpack-基本使用/高级用法/性能优化 你想要的全都有！！！