Rails6 toastr 소개

3427 단어 루비Rails6

소개


Rails6 에서 toastr 를 도입했으므로 메모해 갑니다.
여기에서는 jQuery 는 도입이 끝난다고 하는 과정에서 진행해 갑니다.

참고문헌
htps : // 메이 m. 이 m / @ ran l_51760 / 게 t와 아 str r r g g 온 - 라 ls - 6 - u - th - ぇ b pack - s ps - 5 또는 1 a c8594 0

도입 절차



toastr 설치

터미널
yarn add toastr

config/initializers/assets.rb에 다음을 추가

config/initializers/assets.rb
Rails.application.config.assets.paths << Rails.root.join('node_modules')
Rails.application.config.assets.precompile += ['node_modules/toastr/build/toastr.min.js']
Rails.application.config.assets.precompile += ['node_modules/toastr/build/toastr.min.css']

app/javascript/packs/application.js에 다음을 추가

app/javascript/packs/application.js
import './src/application.scss'
import toastr from 'toastr'
window.toastr = toastr

app/javascript/packs/src/application.scss를 작성하고 다음을 설명

app/javascript/packs/src/application.scss
@import 'toastr/build/toastr.min';

html 파일에 다음을 설명

html 파일
<script type="text/javascript">
     toastr.success("hello")
 </script>

이런 느낌으로 잘 표시할 수 있었습니다!

좋은 웹페이지 즐겨찾기