Installing javascript application on Frappe

[Abdeali]

You can install it with npm or yarn

References:

How to add a node module to a custom app?

I finally managed to add an node-distributed UI library to Vue, running in my custom app. The solution was simple, Rollup couldn’t find the imported files because the imports I used didn’t have .vue extension =) The routine: yarn add <libraryname> either add library distribution .js to hooks.py’s app_include_js or add it to your app’s main .js via your apps build.json use normal imports as per library’s docs use full path imports (including the extension) if you import your custom modules, …

Tutorial: Adding node modules to Frappe

In some case you might want to add node_modules which can use in custom apps. My use case is I want to add TinyMCE to blog post doctype. Steps Create package.json npm init Install package, in my case I want to add tinymce package npm i tinymce Run bench build, bench build will Create symbolic link from node_modules to public/node_modules Create assets Note Frappe use rollup.js to create module bundler public folder can be accessible from website url such as http://yourwebsite.…