{"id":705,"date":"2022-05-16T03:39:48","date_gmt":"2022-05-15T19:39:48","guid":{"rendered":"https:\/\/fromideatocreation.com\/?p=705"},"modified":"2023-07-02T17:14:19","modified_gmt":"2023-07-02T09:14:19","slug":"%e5%9c%a8%e6%b2%92%e6%9c%89-rails-%e7%9a%84%e6%83%85%e6%b3%81%e4%b8%8b%e4%bd%bf%e7%94%a8-importmaps","status":"publish","type":"post","link":"https:\/\/fromideatocreation.com\/?p=705","title":{"rendered":"\u5728\u6c92\u6709 Rails \u7684\u60c5\u6cc1\u4e0b\u4f7f\u7528 Importmaps"},"content":{"rendered":"\n<p>Rails 7 \u63a5\u53d7\u4e86 Import maps \u7684\u4f7f\u7528\uff0c\u6709\u4e86\u9019\u500b\u65b0\u6280\u8853\uff0c\u8f09\u5165\u8cc7\u6e90\u8b8a\u5f97\u8f15\u9b06\u591a\u4e86\u3002<\/p>\n\n\n\n<p>\u5982\u679c\u60a8\u60f3\u77e5\u9053\u5982\u4f55\u5728\u7d14 HTML \u4e2d\u4f7f\u7528 importmap\uff0c\u9019\u88e1\u6709\u4e00\u500b\u793a\u7bc4\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"markup\" class=\"language-markup\">&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n  &lt;head&gt;\n    &lt;meta charset=\"UTF-8\" \/&gt;\n    &lt;title&gt;Import maps without Rails - Local-time example&lt;\/title&gt;\n\n    &lt;script async src=\"https:\/\/unpkg.com\/es-module-shims@1.2.0\/dist\/es-module-shims.js\"&gt;&lt;\/script&gt;\n    &lt;script type=\"importmap-shim\"&gt;\n      {\n        \"imports\": {\n          \"local-time\": \"https:\/\/ga.jspm.io\/npm:local-time@2.1.0\/app\/assets\/javascripts\/local-time.js\"\n        }\n      }\n    &lt;\/script&gt;\n    &lt;script type=\"module-shim\"&gt;\n      import LocalTime from \"local-time\"\n      LocalTime.start()\n    &lt;\/script&gt;\n\n    &lt;style&gt;\n      time { color: #c11; font-size: 1.1em; }\n    &lt;\/style&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1&gt;Import maps without Rails - Local-time JS example&lt;\/h1&gt;\n\n    &lt;p&gt;\n      Last time I had chocolate was &lt;time datetime=\"2022-05-08T23:00:00+02:00\" data-local=\"time-ago\"&gt;8th of May&lt;\/time&gt;\n    &lt;\/p&gt;\n\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>\u9019\u500b\u793a\u7bc4\u4f7f\u7528 importmap \u8f09\u5165 <a href=\"https:\/\/www.npmjs.com\/package\/local-time\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"local-time js\">local-time js<\/a>\uff0c\u5c07 HTML \u5143\u7d20\u5f9e UTC \u8f49\u63db\u70ba\u700f\u89bd\u5668\u7684\u672c\u5730\u6642\u9593(<a href=\"https:\/\/github.com\/basecamp\/local_time\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"\u66f4\u591a\u8cc7\u8a0a\">\u66f4\u591a\u8cc7\u8a0a<\/a>)\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rails 7 \u63a5\u53d7\u4e86 Import maps \u7684\u4f7f\u7528\uff0c\u6709\u4e86\u9019\u500b\u65b0\u6280\u8853\uff0c\u8f09\u5165\u8cc7\u6e90\u8b8a\u5f97\u8f15\u9b06\u591a\u4e86\u3002<\/p>\n","protected":false},"author":1,"featured_media":1279,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"qubely_global_settings":"","qubely_interactions":"","inline_featured_image":false,"_ti_tpc_template_sync":false,"_ti_tpc_template_id":"","footnotes":""},"categories":[105,106,95],"tags":[136,128],"class_list":["post-705","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ruby-on-rails","category-106","category-programming","tag-import-maps","tag-ruby-on-rails"],"acf":[],"aioseo_notices":[],"qubely_featured_image_url":{"full":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1.jpg",1920,1080,false],"landscape":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-1200x750.jpg",1200,750,true],"portraits":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-540x320.jpg",540,320,true],"thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-150x150.jpg",150,150,true],"medium":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-300x169.jpg",300,169,true],"medium_large":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-768x432.jpg",640,360,true],"large":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-1024x576.jpg",640,360,true],"1536x1536":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-1536x864.jpg",1536,864,true],"2048x2048":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1.jpg",1920,1080,false],"qubely_landscape":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-1200x750.jpg",1200,750,true],"qubely_portrait":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-540x320.jpg",540,320,true],"qubely_thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-140x100.jpg",140,100,true],"nazare_single_thumb":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-745x500.jpg",745,500,true],"nazare_post_card_thumb":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-480x600.jpg",480,600,true],"nazare_widget_thumb":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-100x100.jpg",100,100,true],"nazare_widget_first_thumb":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-350x206.jpg",350,206,true],"nazare_el_banner_left":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-900x604.jpg",900,604,true],"nazare_el_banner_right":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-560x495.jpg",560,495,true],"nazare_el_post_400x376":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-400x376.jpg",400,376,true],"nazare_el_post_520x460":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-520x460.jpg",520,460,true],"nazare_el_post_500x335":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-500x335.jpg",500,335,true],"nazare_el_post_500x300":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-500x300.jpg",500,300,true],"nazare_el_post_655x640":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-655x640.jpg",655,640,true],"nazare_el_post_500x290":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-500x290.jpg",500,290,true],"nazare_el_post_416x278":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-416x278.jpg",416,278,true],"nazare_el_post_480x425":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-480x425.jpg",480,425,true],"nazare_el_post_635x640":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-635x640.jpg",635,640,true],"nazare_el_post_305x177":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-305x177.jpg",305,177,true],"nazare_el_post_400x400":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-400x400.jpg",400,400,true],"nazare_el_post_400x360":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-400x360.jpg",400,360,true],"nazare_el_post_416x416":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-416x416.jpg",416,416,true],"nazare_el_post_485x430":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-485x430.jpg",485,430,true],"nazare_el_post_700x467":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-700x467.jpg",700,467,true],"nazare_el_post_1000x581":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-1000x581.jpg",1000,581,true],"nazare_post_1320x605":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-1320x605.jpg",1320,605,true],"nazare_post_705x565":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-705x565.jpg",705,565,true],"nazare_post_400x265":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-400x265.jpg",400,265,true],"nazare_el_post_1248x630":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-1248x630.jpg",1248,630,true],"woocommerce_thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-300x300.jpg",300,300,true],"woocommerce_single":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-600x338.jpg",600,338,true],"woocommerce_gallery_thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-100x100.jpg",100,100,true],"shop_catalog":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-300x300.jpg",300,300,true],"shop_single":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-600x338.jpg",600,338,true],"shop_thumbnail":["https:\/\/fromideatocreation.com\/wp-content\/uploads\/2023\/05\/page-bg-1-100x100.jpg",100,100,true]},"qubely_author":{"display_name":"Wen","author_link":"https:\/\/fromideatocreation.com\/?author=1"},"qubely_comment":0,"qubely_category":"<a href=\"https:\/\/fromideatocreation.com\/?cat=105\" rel=\"category\">Ruby on Rails<\/a> <a href=\"https:\/\/fromideatocreation.com\/?cat=106\" rel=\"category\">\u6559\u5b78<\/a> <a href=\"https:\/\/fromideatocreation.com\/?cat=95\" rel=\"category\">\u7a0b\u5f0f\u958b\u767c<\/a>","qubely_excerpt":"Rails 7 \u63a5\u53d7\u4e86 Import maps \u7684\u4f7f\u7528\uff0c\u6709\u4e86\u9019\u500b\u65b0\u6280\u8853\uff0c\u8f09\u5165\u8cc7\u6e90\u8b8a\u5f97\u8f15\u9b06\u591a\u4e86\u3002","_links":{"self":[{"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/posts\/705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=705"}],"version-history":[{"count":1,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/posts\/705\/revisions"}],"predecessor-version":[{"id":1696,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/posts\/705\/revisions\/1696"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=\/wp\/v2\/media\/1279"}],"wp:attachment":[{"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fromideatocreation.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}