最近开始做前端,用 react+webpack ,以前都写 java ,用的是 maven ,很喜欢 maven 项目的结构,可以一个项目里包含多个子项目,构建的时候可以 import 自己的子项目。现在写前端我想把自定义组件做成子项目,然后在其他页面组件中直接引入自定义组件子项目的包,就像 import {xxx} from 'react-bootstrap' 这样。不知道我这样描述各位大神是否能看懂我说什么了没,求指教。
1
EnochL OP sorry ,手抖。。纠正一下应该是 “ 写代码的时候可以 import 自己的子项目”
|
2
MinskyNg 2016-11-12 11:59:08 +08:00
from 后面使用相对路径或者绝对路径指向你的子项目不就行了?这样 node 就不会默认去 node_modules/文件夹下去找了
|
3
ChefIsAwesome 2016-11-12 15:02:22 +08:00 via Android
搜下 webpack 的 resolve 配置
|
4
SoloCompany 2016-11-12 15:05:53 +08:00
maven 的单线继承和 multimodule 才是最大黑点,子模块完全不独立,互相之间有依赖还不能直接编译,必须从根模块下用 -pl 真是烦人,真不明白怎么爽得起来
node 可以按相对路径 require 爱怎么来怎么来 但是 node_modules 这个最大黑点硬伤就没辙了 |
5
AJian 2016-11-12 17:36:21 +08:00
把你的自定义组件子项目整成 npm 包,可以选择发布到 npm ,然后使用 npm install xxx 安装使用。如果不想发布到 npm 的话,可以使用 npm link ,具体可参考 npm 开发文档: https://docs.npmjs.com/
|
6
reeco 2016-11-12 17:47:09 +08:00
@SoloCompany 子模块可以完全独立
|