1"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[3925],{58075:function(e,t,n){n.r(t),n.d(t,{Head:function(){return g},default:function(){return m}});var a=n(28453),l=n(96540);function i(e){const t=Object.assign({h1:"h1",a:"a",span:"span",p:"p"},(0,a.R)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.h1,{id:"asset-pipeline-with-react-on-rails",style:{position:"relative"}},l.createElement(t.a,{href:"#asset-pipeline-with-react-on-rails","aria-label":"asset pipeline with react on rails permalink",className:"anchor before"},l.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" height="20" version="1.1" viewBox="0 0 16 16" width="20"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}})),"Asset Pipeline with React on Rails"),"\n",l.createElement(t.p,null,"In general, you should not be mixing the asset pipeline with Shakapacker and React on Rails."),"\n",l.createElement(t.p,null,"If you're using React, then all of your CSS and images should be under either ",l.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<code class="language-text">/app/javascript</code>'}})," or\n",l.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<code class="language-text">/client</code>'}})," or wherever you want your client-side application."),"\n",l.createElement(t.p,null,"If you are incrementally migrating a large application, your main concern will be how to minimize\nduplication of styles and images between your old application and the new one."),"\n",l.createElement(t.p,null,"Please email ",l.createElement(t.a,{href:"mailto:[email protected]"},"[email protected]")," if you would be interested in helping\nto migrate a larger application."))}var r=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.R)(),e.components);return t?l.createElement(t,e,l.createElement(i,e)):i(e)},c=n(63679),s=n(95197),o=n(47388),p=n(23690),h=n(14487);const u=c.default.p.withConfig({displayName:"doc-article__RedirectFallback",componentId:"sc-tic2w5-0"})(["padding:2rem;"]),d=e=>{let{data:t,location:n,children:a}=e;const{headings:i}=t.article.childMdx,r=(0,s.X9)(n.pathname),[c,p]=l.useState(null),d=n.pathname.split("/"),m=d.indexOf("docs"),g=-1===m?n.pathname.length:d.slice(0,m+1).join("/").length,f=n.pathname.slice(0,g),w=n.pathname.slice(g+1).replace(/\/$/,"").split("/").filter((e=>""!==e)),E=w.length>1?w.slice(0,-1).join("/"):"";l.useEffect((()=>{if(!r)return;const{hash:e}=window.location;p(e);const t=""+r+e;window.location.href!==t&&window.location.replace(t)}),[r]);const y=null===r||null===c?null:""+r+c;return l.createElement(l.Fragment,null,null!==y?l.createElement(u,{role:"status","aria-live":"polite"},"Redirecting..."," ",l.createElement("a",{href:y,target:"_blank",rel:"noopener noreferrer"},"Click here if not redirected.")):l.createElement(o.A,{main:l.createElement(h.A,{body:a,headings:i,transformUrl:e=>{if(e.startsWith("http")||e.startsWith("#"))return e;const t=e.replace(/\.md$/,"/");if(t.startsWith("./"))return f+(""===E?"":"/"+E)+t.slice(1);if(t.startsWith("../")){if(""===E)return""+f+t.slice(2);const e=E.split("/").slice(0,-1).join("/");return f+(""===e?"":"/"+e)+t.slice(2)}return f+"/"+(""===E?"":E+"/")+t}})}))};function m(e){return l.createElement(d,e,l.createElement(r,e))}const g=e=>{let{data:t,location:n,pageContext:a}=e;const{headings:i}=t.article.childMdx,{siteUrl:r}=t.site.siteMetadata,{repoDisplayName:c}=a,o=i.find((e=>1===e.depth)),h=(0,s.X9)(n.pathname)||""+r.replace(/\/+$/,"")+n.pathname;return l.createElement(p.A,{title:o?o.value:c,description:o?o.value:c+" documentation",isArticle:!0,canonical:h,pathname:n.pathname})}}}]); 2//# sourceMappingURL=component---src-template-doc-article-tsx-content-file-path-cache-gatsby-source-git-react-on-rails-docs-oss-misc-asset-pipeline-md-768ade7eec24998adf29.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.