1

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

问题 -

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

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

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

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

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

    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 它会删除类但不会将其添加回来。

4

0 回答 0