react-activation icon indicating copy to clipboard operation
react-activation copied to clipboard

vite下如何设置这个库的babel?

Open pincman opened this issue 4 years ago • 7 comments
trafficstars

刚刚从cra转vite,发现不支持babel配置,请问如何使用这个库呢?

pincman avatar Apr 06 '21 07:04 pincman

没用过 vite,不太清楚,试试这个? https://www.npmjs.com/package/vite-babel-plugin

CJY0208 avatar Apr 06 '21 07:04 CJY0208

@CJY0208 这个只能vite1,vite2用不了,目前其他组件均已适配,就这个keep-alive无法适配,很尴尬😓

pincman avatar Apr 13 '21 06:04 pincman

其他组件的 babel 也能在 vite2 中用了吗,是如何使用的?能否提供 demo 示例,我看看是不是 activation/babel 的版本问题

CJY0208 avatar Apr 14 '21 02:04 CJY0208

@CJY0208 vite不支持babel的,一般的用babel的插件都是hack后的搞法,比如动态导入

import styleImport from 'vite-plugin-style-import';

export function configStylePlugin(isBuild: boolean) {
    if (!isBuild) return [];
    const stylePlugin = styleImport({
        libs: [
            {
                libraryName: 'antd',
                esModule: true,
                resolveStyle: (name) => {
                    return `antd/es/${name}/style/index`;
                },
            },
        ],
    });
    return stylePlugin;
}

pincman avatar Apr 14 '21 06:04 pincman

感觉可以参考 vite 官方的这个插件搞一手

https://github.com/vitejs/vite/blob/v2.1.5/packages/plugin-vue-jsx/README.md

CJY0208 avatar Apr 14 '21 14:04 CJY0208

@CJY0208 大神靠你了,我一个业余前端搞不出来这种名堂😄

pincman avatar Apr 15 '21 13:04 pincman

@pincman vite 支持正在 PR 阶段:添加vite 2.0兼容

感谢 @zebing

CJY0208 avatar Jun 12 '21 12:06 CJY0208

你好 请问vite2已经适配了吗

waterJLuck avatar Sep 21 '22 03:09 waterJLuck

此问题合并到 #168 @waterJLuck

CJY0208 avatar Sep 21 '22 04:09 CJY0208