"Hmm? On le verra ici?"
Donc, j'étais gêné de devenir accro sans m'en apercevoir, alors j'ai fait un mémorandum.
Il y a beaucoup d'informations sur npm et yarn, alors allez-y.
:application.html.erb
<%= stylesheet_pack_tag 'application' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
Comme c'est le cas, js et css sont des cibles de construction.
app/
└ javascript/
└ packs/
| └ application.js
└ stylesheets/
└ application.css
└ custom.min.css
application.js
~~réduction~~
import "../stylesheets/application";
application.css
@import "~bootstrap/scss/bootstrap";
@import "./custom.min";
Hmmmm.
$ bin/webpack
~~réduction~~
ERROR in ./app/javascript/stylesheets/application.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Failed to find '~bootstrap/scss/bootstrap'
~~réduction~~
J'ai vérifié la structure du fichier, y compris cette zone, mais il n'y a pas eu de problème.
J'ai vérifié à nouveau l'erreur. .. ..
ERROR in ./app/javascript/stylesheets/application.css
application.css!!
$ mv app/javascript/stylesheets/application.css app/javascript/stylesheets/application.scss
$ bin/webpack
Construction réussie. Tohoho. ..
Attention aux extensions.
Recommended Posts