小编ver*_*ism的帖子

我正在开发一个 svelte 项目，该项目又使用了 vite。但是，我需要配置多个输入和输出目录，对于一些非 svelte 相关的东西 \xe2\x80\x94 我想我也可以利用现有的捆绑器，而不是建立一个全新的项目。

我知道我可以指定构建路径作为每个输入键的一部分，但这似乎仅适用于 javascript 文件，并且我希望所有相关的捆绑文件都使用该路径。CSS 文件目前输出到 dist 根目录，这并不理想。我的 vite.config.js 的相关部分如下所示：

build: {\n    emptyOutDir: true,\n    rollupOptions: {\n        input: {\n            'svelte/bundle': './src/main.js',\n            'admin/bundle': './admin/index.js'\n        },\n        output: {\n            dir: '../../dist',\n            entryFileNames: '[name].js',\n            assetFileNames: '[name][extname]'\n        },\n    },\n},\nplugins: [svelte()]\n

我希望我的输出如下所示：

dist/\n\xe2\x94\x9c\xe2\x94\x80 svelte/\n\xe2\x94\x82  \xe2\x94\x9c\xe2\x94\x80 bundle.js\n\xe2\x94\x82  \xe2\x94\x94\xe2\x94\x80 styles.css\n\xe2\x94\x94\xe2\x94\x80 admin/\n   \xe2\x94\x9c\xe2\x94\x80 bundle.js\n   \xe2\x94\x94\xe2\x94\x80 styles.css\n

但我目前得到的是：

dist/\n\xe2\x94\x9c\xe2\x94\x80 svelte/\n\xe2\x94\x82  \xe2\x94\x94\xe2\x94\x80 bundle.js\n\xe2\x94\x9c\xe2\x94\x80 admin/\n\xe2\x94\x82  \xe2\x94\x94\xe2\x94\x80 bundle.js\n\xe2\x94\x9c\xe2\x94\x80 index.css\n\xe2\x94\x94\xe2\x94\x80 main.css\n

如何确保所有 CSS 文件也包含在各自的子目录中？

我在我的Windows 7机器上安装了Sass,我正在尝试编译一些scss.

每次,我得到以下输出:

'sass' is not recognized as an internal or external command,
operable program or batch file.
[Finished in 0.2s with exit code 1]
[cmd: ['sass', '--update', 'W:\\exocet\\web\\build\\mirror\\css\\style.scss:W:\\exocet\\web\\build\\mirror\\css/style.css', '--stop-on-error', '--no-cache']]
[dir: W:\exocet\web\build\mirror\css]
[path: C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\EgisTec\MyWinLocker 3\x86;C:\Program Files (x86)\EgisTec\MyWinLocker 3\x64;C:\Program Files (x86)\Microsoft SQL Server\80\Tools\Binn\;C:\Program Files (x86)\QuickTime\QTSystem\]

似乎是什么问题？

我在动态创建的div中有一个id为"close"的div,id为"box".以下代码用于在用户单击关闭时执行某些操作.

$('#box').on('click','#close',function(){
    alert(1); // Test to see if the click works
});

我正在使用Big Cartel CMS,如果我在"实时预览模式"中单击关闭,它似乎工作正常,但每当我实际发布网站并正常查看它时,它绝对没有 - 没有错误 - nada.

标记和CSS,以防万一:

<div id="box"> <!-- Dynamically loaded -->
    <div id="close"></div>
    <h2 id="name"></h2>
    <div id="description">
        <p>blah...</p>
    </div>
</div>

#close{
    background: url(image-path);
    float: right;
    position: relative;
    top: 0;
    margin: 0 0 0 12px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 100;
}

我错过了什么？

假设我有一个符合以下模式的对象数组:

var posts = [
    {
        title: post_ab,
        category_array : [
            { id: 1, slug: category-a },
            { id: 2, slug: category-b }
        ]
    },
    {
        title: post_ac,
        category_array : [
            { id: 1, slug: category-a },
            { id: 3, slug: category-c }
        ]
    },
    {
        title: post_bc,
        category_array : [
            { id: 2, slug: category-b },
            { id: 3, slug: category-c }
        ]
    }
]

我正在尝试过滤上面的数组,并且只返回category_array包含与指定值匹配的slug的值.

例如,如果我想过滤'category-c',则只返回第2和第3个值(post_ac和post_bc).

我试过使用嵌套过滤器,这让我无处可去:

var currentCategory = 'category-b';

var filteredPosts = function( posts ) { …

在"myFunction"里面,我有一个each()迭代器,它可以找到某些元素的高度.如何将每个高度值分配给增量生成的变量名称,可在每个循环外部访问？

function myFunction(){

    $('#div1, #div2 ... #divN').each(function(index){
        /* Increment variable name here */ = $(this).outerHeight();
    });

    // Also use those variables here

};

谢谢.

我有以下HTML表单:

<form class="page-footer_enquiry-form" id="page-footer_enquiry-form" method="post" autocomplete="on" action="../php/enquiry.php">
    <h2 class="page-footer_enquiry-form-title">Enquiry</h2>
    <!-- Name -->
    <div class="page-footer_enquiry-form-name">
        <label for="footer-enquiry-name">
            <span class="page-footer_enquiry-form-label">Full Name</span>
            <input type="text" id="footer-enquiry-name" name="fullname">
        </label>
    </div>
    <!-- Email -->
    <div class="page-footer_enquiry-form-email">
        <label for="footer-enquiry-email">
            <span class="page-footer_enquiry-form-label">Email Address</span>
            <input type="email" id="footer-enquiry-email" name="email">
        </label>
    </div>
    <!-- Message -->
    <div class="page-footer_enquiry-form-message">
        <label for="footer-enquiry-message">
            <span class="page-footer_enquiry-form-label">Message</span>
            <textarea name="message" id="footer-enquiry-message" rows="10" cols="50"></textarea>
        </label>
    </div>
    <input name="submit" type="submit" value="Send Message" class="button-dark">
    <p class="page-footer_enquiry-form-dialog"></p>
</form>

这是由以下PHP"处理":

if( isset( $_POST['submit'] ) ){
    echo 'first';
} else {
    echo 'second';
}; …