webpack打包js代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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怎么压缩js

经过webpack和babel打包过的前端代码可以还原最初的html+css+js吗?

webpack打包后的文件

webpack快速入门——配置JS压缩,打包

webpack 如何配置 CSS抽取 和 打包压缩

webpack 代码优化压缩方法