Rails6 toastr 소개
소개
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.rbRails.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.jsimport './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>
이런 느낌으로 잘 표시할 수 있었습니다!
Reference
이 문제에 관하여(Rails6 toastr 소개), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/hanayama3/items/ae23764e9fc7bcbc3700
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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>
이런 느낌으로 잘 표시할 수 있었습니다!
Reference
이 문제에 관하여(Rails6 toastr 소개), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/hanayama3/items/ae23764e9fc7bcbc3700텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)