snowpack 构建无法识别 js 文件中的顺风类

问题描述

我有一个带有 snowpack 和 tailwindv 的简单 SPA 构建，我有一个 main.js，它作为模块添加到 html 文件中。我在 main.js 中使用 ES6 导入语法来添加要使用的 Jquery 和其他 js 库。

问题——

Tailwindcss ： 我正在使用 Tailwindcss 和 sNowpack。我可以在 html 中使用 tailwind 类并且它们可以正常工作，但是当我尝试在 mainjs 中使用 Jquery 动态添加或删除它们时，它不起作用。

当我在我的 sNowpack 项目上执行 npm start 时，一切似乎都按预期工作，但是在使用 npm run build 构建项目后，使用 Jquery 添加或删除 tailwindcss 类没有不行。

**我怎么知道我的构建文件损坏了？我进行了一些测试 - **

我使用 live-server pkg 在本地托管了构建文件夹，以检查我的假设是否正确并且我当然是正确的。
我检查了 build 文件夹中的 main.js 文件，它似乎适用于我的所有方法。

所以我认为 snowpack 没有正确构建 js 文件，或者它没有正确集成顺风。

    import $ from 'jquery'

    window.onscroll = function (e) { 
        if (window.pageYOffset > 100) { 
            $('.logo').addClass('h-16').removeClass('h-24')
        } else { 
            $('.logo').addClass('h-24').removeClass('h-16')
        }
    }

onScroll 它删除类但不添加它。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript snowpack tailwind-css