美文网首页鲸落消零派
taro项目中webpack打包问题总结

taro项目中webpack打包问题总结

作者: 壮语 | 来源:发表于2021-02-01 10:03 被阅读0次

这两天碰到一个问题,是在一个taro的项目中,有人使用了module.exports后我本地项目打包之后在开发者工具一直报错(TypeError:Cannot assign to read only property 'exports' of object '#<object>'),但是在同事那里本地项目是可以跑起来的,对比了一项我们两个打包有的代码,发现打包后的common.js存在差异

上边的是我打包的,下边是同事的打包目录中common.js,发现我自己打包的文件没有“_interopRequireDefault”这样的代码,自己查了半天,最后还是同事大佬帮助下得以解决了。原因是配置文件config目录下的index.js中的关于babel-preset-env的配置中,modules被配置为false导致的。(modules的配置项可配置为"amd" | "umd" | "systemjs" | "commonjs" | false,默认为 "commonjs"。 功能是启动es6模块语法转换为到另一个模块类型,但是如果配置为false则不会转换模块了),因此产生了上边的报错。

针对此次的问题,我反思了一下原因,是我对于babel的各个插件的作用不了解,导致我查问题的时候方向总是不对,因此我先学习了一下babel-preset-env到底是干什么的,配置项都有什么。接下来我要把babel相关的总结一遍,保证类似的问题只需要求助一次在这里非常感谢热心的同时。

参考

https://www.npmjs.com/package/babel-preset-env

相关文章

  • taro项目中webpack打包问题总结

    这两天碰到一个问题,是在一个taro的项目中,有人使用了module.exports后我本地项目打包之后在开发者工...

  • webpack配置常见问题

    vue项目中配置问题 通过webpack之externals配置引入外部插件,减少打包vendor体积 1.在in...

  • webpack增量发布多页应用

    一,webpack打包存在的问题 webpack的打包顺序: varpath=require('path'); m...

  • webpack运行配置(2)

    webpack的使用 webpack-dev-server 这个包 webpack打包 .vue这种文件 总结vu...

  • webpack面试

    什么是webpack和grunt和gulp有什么不同? webpack是一个模块打包器,他可以递归的打包项目中的所...

  • 了解webpack

    1.webpack与grunt、gulp的不同 Webpack是⼀个模块打包器,他可以递归的打包项⽬中的所有模块,...

  • WebPack基础配置详解

    总结WebPack基础配置,流程,原理。 WebPack是什么 定义:WebPack是模块打包工具。原理:分析项目...

  • Cannot find module 'webpack-cli/

    问题:webpack 打包报错 使用webpack 对项目打包管理 运行命令:npm run dev 报错: 查看...

  • Vue-webpack打包上线后css样式不生效的问题解决

    在vue项目中,开发环境的样式没问题。但是webpack打包上线后,样式不生效,本文将讲述如何解决这个问题。 样式...

  • 前端面试之webpack面试常见问题

    1:什么是webpack和grunt和gulp有什么不同 答案:Webpack是一个模块打包器,他可以递归的打包项...

网友评论

    本文标题:taro项目中webpack打包问题总结

    本文链接:https://www.haomeiwen.com/subject/rvkjtltx.html