小编ali*_*ior的帖子

编译的 Tailwind CSS 不包含自定义导入文件

我在使用 npx 编译 TailwindCSS 时遇到一些问题,如文档中所述。Webpack 正在完成他的工作!开发服务器和构建发行版都可以正确使用自定义类!问题是当我编译 tailwindcss throught 时npx tailwindcss build tail.css -o tailwind.full.css。自定义导入不包含在结果 css 文件中。所以,自动完成功能没有完成我的自定义 css 键......一切正常,除了npm tailwindcss build谁不编译我的 @import[ed] 自定义 css 文件。我怎样才能得到这个?

\n

这是在 npx tailwind build 命令中通知的我的 tail.css 文件:

\n
@import "./colors.css";\n\n@import "tailwindcss/base";\n\n@import "tailwindcss/components";\n\n@import "tailwindcss/utilities";\n\n@import "./custom.css";\n
Run Code Online (Sandbox Code Playgroud)\n

如果我更改错误的文件名(如 ./customnnnn.css),则不会报告错误:

\n

我的控制台输出:

\n
npx tailwindcss build src/assets/css/tail.css -o src/assets/css/tailwind/tailwind.full.css\n\n   tailwindcss 1.5.2\n\n   \xef\xbf\xbd Building... src/assets/css/tail.css\n\n   \xe2\x9c\x85 Finished in 3.53 s\n   \xef\xbf\xbd Size: 1.9MB\n   \xef\xbf\xbd Saved to src/assets/css/tailwind/tailwind.full.css\n
Run Code Online (Sandbox Code Playgroud)\n

但是如果我更改诸如“tailwindcss/utilitiesssssss”之类的内容,结果文件会更小,没有实用程序内容。所以,有人说我的自定义文件的路径映射在实用程序中有些错误npx tailwind build,但我尝试了所有方法都没有成功,并且当使用正确的文件名(如文档说明)时,开发和生产版本都可以正常工作。因此,错误仅出现在npx tailwind …

vue.js tailwind-css

5
推荐指数
1
解决办法
1976
查看次数

我如何使用jQuery进行调试.为什么这段代码不起作用?

我正在使用css和jQuery进行弹出式登录表单.

登录弹出窗口是正确的,但我的问题是...关闭弹出窗口的唯一方法是按下提交按钮.当用户点击然后屏蔽或关闭图像时,为什么它不会关闭.

我对此感到疯狂......

请帮我!!

代码:http://jsfiddle.net/XZAmn/

HTML:

<br />
<a class="btn-sign" href="#login-box">login</a>

<div id="login-box" class="login-popup"> <a href="#" class="btn_close">
        <img src="http://www.alisol.com.br/crm/imagens/close_pop_blue.png?v=4" class="btn_close" title="Fechar" alt="Fechar" /></a>

<form method="post" class="signin" action="#">
    <fieldset class="textbox">
         <h3>LOGIN</h3>

        <label class="username">
            <input id="username" name="username" value="" type="text" autocomplete="on" placeholder="usuário">
        </label>
        <label class="password">
            <input id="password" name="password" value="" type="password" placeholder="senha">
        </label>
        <input id="enter" type="submit" value="Entrar" />
    </fieldset>
</form>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

$(document).ready(function() {

$('a.btn-sign').click(function() {

    // Getting the variable's value from a link 
    var loginBox = $(this).attr('href');

    //Fade in the Popup …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery

0
推荐指数
1
解决办法
113
查看次数

标签 统计

css ×1

javascript ×1

jquery ×1

tailwind-css ×1

vue.js ×1