我有一个src/components/UI/Sidebar.svelte带有变量切换的组件。
export let toggle = true;
我想在当切换为 true 时添加一个类名noscroll来<body>锁定正文滚动。我已将其添加到src/template.html
<style>
.noscroll { position: fixed; overflow-y:scroll };
</style>
当侧边栏打开时，实现这样的 y 轴滚动锁的最佳方法是什么？
我正在尝试在带有Themekit 的自定义 Webpack 项目中以及运行时使用 TailwindCSS JIT 功能yarn startwebpack 开发服务器时 HMR 不断重新编译。
代码： https: //github.com/3daddict/themekit-webpack/pull/63
\n包.json
\n{\n"scripts": {\n...\n "start": "TAILWIND_MODE=watch webpack serve --mode=development --config webpack.dev.js",\n...\n }\n}\ntailwind.config.js
\nmodule.exports = {\n mode: \'jit\',\n purge: {\n enabled: true,\n content: [\n \'./dist/**/*.liquid\',\n \'./dist/**/*.js\',\n ],\n },\n ...\n}\n\nsrc/组件/tailwind.css
\n/* purgecss start ignore */\n@tailwind base;\n@tailwind components;\n/* purgecss end ignore */\n@tailwind utilities;\n...\nWebpack 开发服务器热模块重新加载不断地重新编译。我一直在试图找出原因。
\n\xe2\x84\xb9 \xef\xbd\xa2wdm\xef\xbd\xa3: webpack compiled successfully\n\xe2\x84\xb9 \xef\xbd\xa2wdm\xef\xbd\xa3: Compiled successfully.\n\xe2\x84\xb9 \xef\xbd\xa2wdm\xef\xbd\xa3: Compiling...\n\xe2\x84\xb9 \xef\xbd\xa2wdm\xef\xbd\xa3: …