{"id":7336,"date":"2023-05-24T14:09:10","date_gmt":"2023-05-24T05:09:10","guid":{"rendered":"\/media\/?p=7336"},"modified":"2024-12-17T08:45:39","modified_gmt":"2024-12-16T23:45:39","slug":"vite-postcss","status":"publish","type":"post","link":"https:\/\/www.flying-h.co.jp\/media\/2023\/05\/24\/vite-postcss\/","title":{"rendered":"vite\u3067PostCSS\u307e\u308f\u308a\u3092\u958b\u767a\u3068\u30d3\u30eb\u30c9\u3067\u5b9f\u884c\u3092\u5206\u3051\u305f\u3044\u3088"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">PostCSS\u4e09\u9283\u58eb<\/h2>\n\n\n\n<p>\u30fbpostcss-sort-media-queries\uff08\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u3054\u3068\u306b\u307e\u3068\u3081\u3066\u304f\u308c\u308b\u3084\u3064\uff09<br>\u30fbautoprefixer\uff08\u30c9\u6709\u540d\uff09<br>\u30fb@fullhuman\/postcss-purgecss\uff08\u4f7f\u3063\u3066\u3044\u306a\u3044CSS\u3092\u6d88\u3057\u3066\u304f\u308c\u308b\u3084\u3064\uff09<br>\ud83d\udc46\u306e\u4e3b\u306b3\u3064\u3092\u4f7f\u3063\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001<br><strong><em>\u305d\u308c\u305e\u308c\u3092\u958b\u767a\u3068\u30d3\u30eb\u30c9\u3067\u5b9f\u884c\u3092\u5207\u308a\u5206\u3051\u305f\u3044\u3002\u3002\u3002<\/em><\/strong>\u3068\u3044\u3046\u91ce\u671b\u304c\u751f\u307e\u308c\u305f\u306e\u3067\u3001\u3055\u3063\u305d\u304f\u5207\u308a\u5206\u3051\u3066\u3044\u304d\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u3084\u308a\u305f\u3044\u3053\u3068<\/h2>\n\n\n\n<p>\u30fbpostcss-sort-media-queries\u3068autoprefixer \ud83d\udc49 \u958b\u767a\u30fb\u30d3\u30eb\u30c9\u3069\u3061\u3089\u3067\u3082\u3084\u308a\u305f\u3044<br>\u30fb@fullhuman\/postcss-purgecss \ud83d\udc49 \u30d3\u30eb\u30c9\u6642\u306b\u3060\u3051\u306b\u3057\u305f\u3044<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u3055\u3063\u305d\u304f\u3084\u308b\u308f\u3088<\/h2>\n\n\n\n<p>postcss.config.js\u3061\u3083\u3093\u3092\u3044\u3058\u308a\u307e\u3059\ud83d\ude0b<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-file=\"postcss.config.js\" data-lang=\"JavaScript\"><code>module.exports = ({ env }) =&gt; ({\n  plugins: [\n    require(&#39;autoprefixer&#39;)(),\n    require(&#39;postcss-sort-media-queries&#39;)(),\n    env != &#39;development&#39; ? require(&#39;@fullhuman\/postcss-purgecss&#39;)() : null\n  ]\n});<\/code><\/pre><\/div>\n\n\n\n<p>postcss.config\u3067\u306f<strong>context<\/strong>\u3092\u53d7\u3051\u53d6\u308c\u308b\u306e\u3067\u3001\u3053\u308c\u3092\u4f7f\u3063\u3066\u958b\u767aor\u30d3\u30eb\u30c9\u3092\u898b\u6975\u3081\u307e\u3059\u2705 \u3079\u3093\u308a\u301c<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<p>\u540c\u69d8\u306e\u3053\u3068\u3092\u5b9f\u73fe\u3057\u305f\u304f\u3066vite.config.js\u3067\u51fa\u3057\u5206\u3051\u3066\u3044\u305f\u308a\u3082\u3057\u305f\u306e\u3067\u3059\u304c\u3001vite.config.js\u306e\u5185\u5bb9\u3067postcss.config.js\u306e\u5185\u5bb9\u304c\u4e0a\u66f8\u304d\u3055\u308c\u3061\u3083\u3046\uff01\u307f\u305f\u3044\u306a\u5931\u6557\ud83e\udd74\u3092\u3057\u305f\u308a\u3082\u3057\u307e\u3057\u305f\u3002\u5931\u6557\u306f\u6210\u529f\u306e\u3082\u3068\u2026\ud83e\udd1e\u65e5\u3005\u7cbe\u9032\u3067\u3059\u306d\u3002<br>\u305d\u308c\u306b\u3057\u3066\u3082context\u306e\u4ef6\u306f<em>\u3082\u3063\u3068\u65e9\u304f\u77e5\u308a\u305f\u304b\u3063\u305f\u301c\u301c\u301c\u301c\u301c\u301c\u301c\u301c\u301c\u301c\u301c\u301c\u301c\uff01\uff01\uff01\uff01\uff01\uff01\uff01\uff01\uff01\uff01\uff01\uff01\uff01\uff01\uff01\uff01\uff01\uff01<\/em>\u3068\u601d\u3044\u307e\u3057\u305f\u3002<\/p>\n\n\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>PostCSS\u4e09\u9283\u58eb \u30fbpostcss-sort-media-queries\uff08\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u3054\u3068\u306b\u307e\u3068\u3081\u3066\u304f\u308c\u308b\u3084\u3064\uff09\u30fbautoprefixer\uff08\u30c9\u6709\u540d\uff09\u30fb@fullhuman\/postcss-purgecss\uff08\u4f7f\u3063\u3066\u3044 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,4],"tags":[],"class_list":["post-7336","post","type-post","status-publish","format-standard","hentry","category-website","category-markup"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"PostCSS\u4e09\u9283\u58eb \u30fbpostcss-sort-media-queries\uff08\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u3054\u3068\u306b\u307e\u3068\u3081\u3066\u304f\u308c\" \/>\n\t<meta name=\"robots\" content=\"max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n\t<meta name=\"author\" content=\"fly\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.flying-h.co.jp\/media\/2023\/05\/24\/vite-postcss\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"ja_JP\" \/>\n\t\t<meta property=\"og:site_name\" content=\"FH_BLOG\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"vite\u3067PostCSS\u307e\u308f\u308a\u3092\u958b\u767a\u3068\u30d3\u30eb\u30c9\u3067\u5b9f\u884c\u3092\u5206\u3051\u305f\u3044\u3088 | \u6771\u4eac\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u5236\u4f5c\u30fbWeb\u5236\u4f5c\u4f1a\u793e \u30d5\u30e9\u30a4\u30f3\u30b0\u30fb\u30cf\u30a4\u30fb\u30ef\u30fc\u30af\u30b9\" \/>\n\t\t<meta property=\"og:description\" content=\"PostCSS\u4e09\u9283\u58eb \u30fbpostcss-sort-media-queries\uff08\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u3054\u3068\u306b\u307e\u3068\u3081\u3066\u304f\u308c\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.flying-h.co.jp\/media\/2023\/05\/24\/vite-postcss\/\" \/>\n\t\t<meta property=\"fb:admins\" content=\"FlyingHighWorks\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.flying-h.co.jp\/media\/wp-content\/uploads\/2015\/10\/ogp.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.flying-h.co.jp\/media\/wp-content\/uploads\/2015\/10\/ogp.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2023-05-24T05:09:10+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2024-12-16T23:45:39+00:00\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"vite\u3067PostCSS\u307e\u308f\u308a\u3092\u958b\u767a\u3068\u30d3\u30eb\u30c9\u3067\u5b9f\u884c\u3092\u5206\u3051\u305f\u3044\u3088 | \u6771\u4eac\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u5236\u4f5c\u30fbWeb\u5236\u4f5c\u4f1a\u793e \u30d5\u30e9\u30a4\u30f3\u30b0\u30fb\u30cf\u30a4\u30fb\u30ef\u30fc\u30af\u30b9","description":"PostCSS\u4e09\u9283\u58eb \u30fbpostcss-sort-media-queries\uff08\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u3054\u3068\u306b\u307e\u3068\u3081\u3066\u304f\u308c","canonical_url":"https:\/\/www.flying-h.co.jp\/media\/2023\/05\/24\/vite-postcss\/","robots":"max-snippet:-1, max-image-preview:large, max-video-preview:-1","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"ja_JP","og:site_name":"FH_BLOG","og:type":"article","og:title":"vite\u3067PostCSS\u307e\u308f\u308a\u3092\u958b\u767a\u3068\u30d3\u30eb\u30c9\u3067\u5b9f\u884c\u3092\u5206\u3051\u305f\u3044\u3088 | \u6771\u4eac\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u5236\u4f5c\u30fbWeb\u5236\u4f5c\u4f1a\u793e \u30d5\u30e9\u30a4\u30f3\u30b0\u30fb\u30cf\u30a4\u30fb\u30ef\u30fc\u30af\u30b9","og:description":"PostCSS\u4e09\u9283\u58eb \u30fbpostcss-sort-media-queries\uff08\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u3054\u3068\u306b\u307e\u3068\u3081\u3066\u304f\u308c","og:url":"https:\/\/www.flying-h.co.jp\/media\/2023\/05\/24\/vite-postcss\/","fb:admins":"FlyingHighWorks","og:image":"https:\/\/www.flying-h.co.jp\/media\/wp-content\/uploads\/2015\/10\/ogp.png","og:image:secure_url":"https:\/\/www.flying-h.co.jp\/media\/wp-content\/uploads\/2015\/10\/ogp.png","og:image:width":1200,"og:image:height":630,"article:published_time":"2023-05-24T05:09:10+00:00","article:modified_time":"2024-12-16T23:45:39+00:00"},"aioseo_meta_data":{"post_id":"7336","title":null,"description":null,"keywords":[],"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-05-24 03:20:40","updated":"2023-05-24 05:09:33","seo_analyzer_scan_date":null},"_links":{"self":[{"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/posts\/7336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/comments?post=7336"}],"version-history":[{"count":1,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/posts\/7336\/revisions"}],"predecessor-version":[{"id":9720,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/posts\/7336\/revisions\/9720"}],"wp:attachment":[{"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/media?parent=7336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/categories?post=7336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/tags?post=7336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}