In a project, I have some components stored in separate modules, and the main module installs those modules in using npm link (i.e., creating symlinks to them from node_modules). The structure looks like this:
project
main
package.json
node_modules
componentA -> ../../componentA
componentB -> ../../componentB
componentA
package.json
componentB
package.json
main, componentA and componentB all use CSS Modules. I'm running browserify from of the main module, and have css-modulesify configured with global: true
I ran into problems with css-modulesify constructing paths to filenames in componentA and componentB incorrectly. I ultimately traced this down to the rootDir option. Originally, I had rootDir set to /path/to/project/main, since I thought rootDir only controlled formatting of generated classnames. Setting rootDir to /path/to/project fixed the issues.
Is it the intended behavior for rootDir to cause css-modulesify to fail if there are any css files that are relatively 'higher' that rootDir? If it is, I think it would probably be good to change the documentation in the README to be something like:
rootDir: absolute path to your project's root directory. This is optional but providing it will result in better generated classnames. If provided, attempting to bundle any css files accessed via a parent of rootDir will fail
In a project, I have some components stored in separate modules, and the main module installs those modules in using
npm link(i.e., creating symlinks to them fromnode_modules). The structure looks like this:main,componentAandcomponentBall use CSS Modules. I'm runningbrowserifyfrom of the main module, and havecss-modulesifyconfigured withglobal: trueI ran into problems with
css-modulesifyconstructing paths to filenames in componentA and componentB incorrectly. I ultimately traced this down to therootDiroption. Originally, I hadrootDirset to/path/to/project/main, since I thoughtrootDironly controlled formatting of generated classnames. SettingrootDirto/path/to/projectfixed the issues.Is it the intended behavior for
rootDirto causecss-modulesifyto fail if there are any css files that are relatively 'higher' thatrootDir? If it is, I think it would probably be good to change the documentation in the README to be something like:rootDir: absolute path to your project's root directory. This is optional but providing it will result in better generated classnames. If provided, attempting to bundle any css files accessed via a parent ofrootDirwill fail