hbuildx创建的项目中没有babel.config.js 和 .babelrc如何配置第三方插件
解决方案
1.官方不推荐使用hx创建后修改babel.config.js (项目中没有此文件),使用cli创建uniapp的项目
2.当然你可能会说,我就想使用hx创建的,如何修改呢?
需要手动在hx安装目录中配置HBuilderX/plugins/uniapp-cli/babel.config.js,但是hx升级后会覆盖,还有就是会作用于所有hx创建的项目,所以官方不推荐
以我当前使用的第三方v-md-editor插件为例,需要在uniapp-cli中安装依赖 npm i --save Prismjs npm i --save babel-plugin-prismjs
并在babel.config.js做一下配置,注意配置的位置
//注意添加的位置 // npm i --save Prismjs // npm i --save babel-plugin-prismjs plugins.push([ 'prismjs', { languages: [ 'html', 'css', 'javascript', 'php', 'dart', 'bash', 'nginx', 'sql', 'c', 'cpp', 'python', 'go', 'java' ], }, ])
位置如下图
然后重新运行即可