关于webpack打包(诸多小项目)?

工作项目相对较小而繁多(大致相当于SPA);有些模板可以通用,近期欲打算使用Vue组件来开发。

预演过程中使webpack+gulp来打包代码。现对于webpack插件引用,有些疑问: 可有什么方法可以重定向各个小项目中使用到的各种插件如 vue-loader vue vue-html-loader babel-loader vue-style-loader,使得其可以公用呢。

项目组织大致如下图(项目层级要比这个深~很多不同部门,每个部门下面不同应用,不同应用下有不同小项目):

Webpack打包
有什么方法可以让 objectA 等项目中使用vue等库定向到 webpack下的node_modules内呢?[最终想使用gulp+webpack插件来打包代码]。

烦请指点一二,感谢@广大segment友们。

阅读 3.4k
1 个回答

把objectA/objectB/objectC/放到一个目录内,全名为Project,然后再把node_modules放到同Project平级的目录就好啦

Project\
  --objectA\
    --webpack.config.js
  --objectB\
    --webpack.config.js
  --objectC\
    --webpack.config.js
node_modules\ 

我一般是这么放的~每个项目都有自己的webpack.config.js

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题