Laravel mix, How to set up different css and js for frontend and admin sections?









up vote
0
down vote

favorite












I want to have admin and user parts of css and js in separate files.
What is the best way to do that?
I set: `






mix.js('resources/js/app.js', 'public/js')
.js('resources/js/admin/admin.js', 'public/js/admin')
.sass('resources/sass/app.scss', 'public/css')
.sass('resources/sass/admin.scss', 'public/css/admin');





` but how should my resources folder structure should be to prevent everything from duplicates? Any guide how to minimize, separate or restructure my files to get better performance readability?
How to set up laravel mix to build 2 js and 2 css for different usage.










share|improve this question



























    up vote
    0
    down vote

    favorite












    I want to have admin and user parts of css and js in separate files.
    What is the best way to do that?
    I set: `






    mix.js('resources/js/app.js', 'public/js')
    .js('resources/js/admin/admin.js', 'public/js/admin')
    .sass('resources/sass/app.scss', 'public/css')
    .sass('resources/sass/admin.scss', 'public/css/admin');





    ` but how should my resources folder structure should be to prevent everything from duplicates? Any guide how to minimize, separate or restructure my files to get better performance readability?
    How to set up laravel mix to build 2 js and 2 css for different usage.










    share|improve this question

























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I want to have admin and user parts of css and js in separate files.
      What is the best way to do that?
      I set: `






      mix.js('resources/js/app.js', 'public/js')
      .js('resources/js/admin/admin.js', 'public/js/admin')
      .sass('resources/sass/app.scss', 'public/css')
      .sass('resources/sass/admin.scss', 'public/css/admin');





      ` but how should my resources folder structure should be to prevent everything from duplicates? Any guide how to minimize, separate or restructure my files to get better performance readability?
      How to set up laravel mix to build 2 js and 2 css for different usage.










      share|improve this question















      I want to have admin and user parts of css and js in separate files.
      What is the best way to do that?
      I set: `






      mix.js('resources/js/app.js', 'public/js')
      .js('resources/js/admin/admin.js', 'public/js/admin')
      .sass('resources/sass/app.scss', 'public/css')
      .sass('resources/sass/admin.scss', 'public/css/admin');





      ` but how should my resources folder structure should be to prevent everything from duplicates? Any guide how to minimize, separate or restructure my files to get better performance readability?
      How to set up laravel mix to build 2 js and 2 css for different usage.






      mix.js('resources/js/app.js', 'public/js')
      .js('resources/js/admin/admin.js', 'public/js/admin')
      .sass('resources/sass/app.scss', 'public/css')
      .sass('resources/sass/admin.scss', 'public/css/admin');





      mix.js('resources/js/app.js', 'public/js')
      .js('resources/js/admin/admin.js', 'public/js/admin')
      .sass('resources/sass/app.scss', 'public/css')
      .sass('resources/sass/admin.scss', 'public/css/admin');






      javascript css webpack laravel-mix






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 11 at 13:39

























      asked Nov 11 at 13:03









      pvaitonis

      4822728




      4822728






















          1 Answer
          1






          active

          oldest

          votes

















          up vote
          0
          down vote













          Create two folders in /public



          • the first one for Frontend style (user) : /public/frontend/

          • and the second one for Backend style (admin) : /public/backend/

          and put all your styles, images, js in these folders






          share|improve this answer






















          • I think its not ok to put everything into public when i use laravel-mix, but as work-aroud I was thinking about that.
            – pvaitonis
            Nov 11 at 13:42











          • okay, maybe this one will be useful for u : // Mix backend resources. mix.js('resources/assets/backend/js/app.js', 'public/backend/js') // Mix frontend resources. mix.js('resources/assets/js/app.js', 'public/js')
            – scyrencop
            Nov 11 at 13:58










          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53249004%2flaravel-mix-how-to-set-up-different-css-and-js-for-frontend-and-admin-sections%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes








          up vote
          0
          down vote













          Create two folders in /public



          • the first one for Frontend style (user) : /public/frontend/

          • and the second one for Backend style (admin) : /public/backend/

          and put all your styles, images, js in these folders






          share|improve this answer






















          • I think its not ok to put everything into public when i use laravel-mix, but as work-aroud I was thinking about that.
            – pvaitonis
            Nov 11 at 13:42











          • okay, maybe this one will be useful for u : // Mix backend resources. mix.js('resources/assets/backend/js/app.js', 'public/backend/js') // Mix frontend resources. mix.js('resources/assets/js/app.js', 'public/js')
            – scyrencop
            Nov 11 at 13:58














          up vote
          0
          down vote













          Create two folders in /public



          • the first one for Frontend style (user) : /public/frontend/

          • and the second one for Backend style (admin) : /public/backend/

          and put all your styles, images, js in these folders






          share|improve this answer






















          • I think its not ok to put everything into public when i use laravel-mix, but as work-aroud I was thinking about that.
            – pvaitonis
            Nov 11 at 13:42











          • okay, maybe this one will be useful for u : // Mix backend resources. mix.js('resources/assets/backend/js/app.js', 'public/backend/js') // Mix frontend resources. mix.js('resources/assets/js/app.js', 'public/js')
            – scyrencop
            Nov 11 at 13:58












          up vote
          0
          down vote










          up vote
          0
          down vote









          Create two folders in /public



          • the first one for Frontend style (user) : /public/frontend/

          • and the second one for Backend style (admin) : /public/backend/

          and put all your styles, images, js in these folders






          share|improve this answer














          Create two folders in /public



          • the first one for Frontend style (user) : /public/frontend/

          • and the second one for Backend style (admin) : /public/backend/

          and put all your styles, images, js in these folders







          share|improve this answer














          share|improve this answer



          share|improve this answer








          edited Nov 11 at 13:23

























          answered Nov 11 at 13:17









          scyrencop

          12




          12











          • I think its not ok to put everything into public when i use laravel-mix, but as work-aroud I was thinking about that.
            – pvaitonis
            Nov 11 at 13:42











          • okay, maybe this one will be useful for u : // Mix backend resources. mix.js('resources/assets/backend/js/app.js', 'public/backend/js') // Mix frontend resources. mix.js('resources/assets/js/app.js', 'public/js')
            – scyrencop
            Nov 11 at 13:58
















          • I think its not ok to put everything into public when i use laravel-mix, but as work-aroud I was thinking about that.
            – pvaitonis
            Nov 11 at 13:42











          • okay, maybe this one will be useful for u : // Mix backend resources. mix.js('resources/assets/backend/js/app.js', 'public/backend/js') // Mix frontend resources. mix.js('resources/assets/js/app.js', 'public/js')
            – scyrencop
            Nov 11 at 13:58















          I think its not ok to put everything into public when i use laravel-mix, but as work-aroud I was thinking about that.
          – pvaitonis
          Nov 11 at 13:42





          I think its not ok to put everything into public when i use laravel-mix, but as work-aroud I was thinking about that.
          – pvaitonis
          Nov 11 at 13:42













          okay, maybe this one will be useful for u : // Mix backend resources. mix.js('resources/assets/backend/js/app.js', 'public/backend/js') // Mix frontend resources. mix.js('resources/assets/js/app.js', 'public/js')
          – scyrencop
          Nov 11 at 13:58




          okay, maybe this one will be useful for u : // Mix backend resources. mix.js('resources/assets/backend/js/app.js', 'public/backend/js') // Mix frontend resources. mix.js('resources/assets/js/app.js', 'public/js')
          – scyrencop
          Nov 11 at 13:58

















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.





          Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


          Please pay close attention to the following guidance:


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53249004%2flaravel-mix-how-to-set-up-different-css-and-js-for-frontend-and-admin-sections%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          這個網誌中的熱門文章

          How to read a connectionString WITH PROVIDER in .NET Core?

          Node.js Script on GitHub Pages or Amazon S3

          Museum of Modern and Contemporary Art of Trento and Rovereto