Thanks, this worked! Though for future reference, in case anyone else needs this solution, I think it is better to use the minified css file, found in ../node_modules/simplemde/dist/simplemde.min.css. There were some formatting issues that I think came from dependencies on other packages’ css declarations that was solved by using the .min.css file
gus
Nerves Core Team
0
gus
Nerves Core Team
Ohh this makes sense. So if I want to continue trying to use the local module, then I should go ahead and create a separate file (say editor.js) that then is included via script tag with a src attribute?
0
adrianrl
Exactly! You do need to generate another bundle, so you must create another entry in the Webpack configuration, like this:
entry: {
'./js/app.js': ['./js/app.js'].concat(glob.sync('./vendor/**/*.js')),
'simplemde_bundle': ['./js/editor.js'] // The key would be the name of the output
},
Then inside editor.js:
import SimpleMDE from 'simplemde'; // Include the dependency
SimpleMDE({ blah: 'blah' }); // and configure the object
Lastly include the script only when you need it:
<script src="<%= Routes.static_path(@conn, "/js/simplemde_bundle.js") %>"></script>
Please remember to include the script below the element (I’ll assume a textarea), otherwise it won’t find where to use its magic. I can’t test the code, but this will guide you in the right direction, the CSS should be included inside the script too.
2