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'
        ],
    },
])

位置如下图

 

 然后重新运行即可

 

posted @ 2023-01-10 14:36  奔跑吧前端(李钊)  阅读(1213)  评论(0编辑  收藏  举报