如何解决Snowpack多页面应用程序,带有svelte和tailwindcsss
我能够部分设置汇总+ svelte +顺风+多页,但是它的速度慢且调试困难。
尽管这里有苗条的雪地+积雪的雪+尾风https://github.com/agneym/svelte-tailwind-snowpack
但是我无法弄清楚多页雪花包。 我什至找不到任何有关多页雪花包设置的文档。
有人可以帮助我弄清楚如何设置Snowpack + Svelte + 多页 + Tailwind-css吗?
解决方法
snowpack.config.mjs:
package com.example.android.writedown;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import java.util.List;
public class NoteAdapter extends ArrayAdapter<NoteItem> {
public NoteAdapter(@NonNull Context context,@NonNull List<NoteItem> notes) {
super(context,notes);
}
@NonNull
@Override
public View getView(int position,@Nullable View convertView,@NonNull ViewGroup parent) {
View listItemView = convertView;
if(listItemView == null) {
listItemView = LayoutInflater.from(getContext()).inflate(R.layout.note_list_item,parent,false);
}
NoteItem currNote = getItem(position);
String title = currNote.getTitle();
String desc = currNote.getNote();
TextView note_title = (TextView) listItemView.findViewById(R.id.note_title);
TextView note_desc = (TextView) listItemView.findViewById(R.id.note_description);
if(title!=null) {
note_title.setText(title);
note_title.setVisibility(View.VISIBLE);
}
if(desc!=null) {
note_desc.setText(desc);
note_desc.setVisibility(View.VISIBLE);
}
return listItemView;
}
}
因此,<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/note_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textStyle="bold"
android:fontFamily="sans-serif"
android:visibility="invisible"/>
<TextView
android:id="@+id/note_description"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fontFamily="sans-serif"
android:visibility="invisible"/>
</LinearLayout>
中的所有文件都将编译为 export default {
mount: {
public: "/",src: "/dist"
},...
。
在src
中,设置另一个与dist
完全相同的/src
(如果您愿意,您只能更改导入路径)。
page.js
中导入的 index.js
将作为除 Page.svelte
之外的另一条路线。
在page.js
中:
注意 index
中的 /public
标签:
<script>
现在,创建另一个 index.html
,但使用新的 <script type="module" src="/dist/index.js"></script>
:
/public/page.html
而且,它。您有一条新的 page.js
路线。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。