노드모듈설치

npm install


테일윈드 설치

npm install tailwindcss


resources/sass/app.scss 아래소스


@tailwind base;

 

@tailwind components;

 

@tailwind utilities;


Tailwind 구성 파일 생성

npx tailwind init



웹팩


const mix = require('laravel-mix');

const tailwindcss = require('tailwindcss');

/*

 |--------------------------------------------------------------------------

 | Mix Asset Management

 |--------------------------------------------------------------------------

 |

 | Mix provides a clean, fluent API for defining some Webpack build steps

 | for your Laravel application. By default, we are compiling the Sass

 | file for the application as well as bundling up all the JS files.

 |

 */


mix.js('resources/js/app.js', 'public/js')

   .sass('resources/sass/app.scss', 'public/css')

  .options({

    processCssUrls: false,

    postCss: [ tailwindcss('./tailwind.config.js') ],

  })



justify-content-center

'라라벨 > jot' 카테고리의 다른 글

05. 테스트 정리 및 리펙토링  (1) 2020.01.16
10. tailwindcss설치  (2) 2020.01.15
  1. 꿈타코 2020.01.16 15:13 신고

    뭐하는 곳이에요?

+ Recent posts