Based on what I have put together reading here and here, the way to publish a react module to NPM, and then use it in another project while the component itself is in the node_modules director should look like this
- write a module, then export it
- fill in the
mainproperty ofpackage.jsonwith the name of the script, in my case,dist/index.js npm installit from the project where you want to include it- serve the script statically from server.
- I have something that looks like this to serve the js file:
app.use('public/componentA', express.static(path.join('node_modules', 'componentA')); - this is not the totally real code, but it works, I can see the JS in the browser if I load it.
- I have something that looks like this to serve the js file:
- require component
index.js
var React = require('react');
var Component = require('../public/componentA/');
var hook = document.getElementById('hook');
React.render(Component, hook);
However when I try to webpack this I get the error
ERROR in ./lib/index.js Module not found: Error: Cannot resolve directory './public/componentA' in /Users/me/Documents/tests/reactcomponenttest/lib
What here is preventing me from using my module? I am supposing that the public dir is not available anywhere but the specific port. If that's the case how do we use the node use suggestion from my second link?
