javascript - 多项目 webpack 配置建议

标签 javascript webpack

我有 3 个独立的项目:

  • 基础
  • 实用程序
  • 主要

我想要实现的是,webpack 应该将 3 个项目与 main.js、util.js、base.js、main.css 等捆绑到一个 index.html 文件中。

每个项目都可以包含自己的node_modules文件夹,并且主项目应该依赖于base和util。

我将如何设置这个环境?

我应该使用多编译器模式吗?但是我怎样才能用它创建一个index.html呢?

最佳答案

Webpack 是模块打包器;它将模块集成到一个包中。您需要:

  • 将您的项目配置为库
  • 配置库的导出
  • 将库添加到应用的 package.json
  • 在应用程序中使用每个库

Webpack 会将您的项目加入到您已包含在 html 中的公共(public)包中。

如果您将所有项目都作为应用程序的子文件夹,则只需将它们导入应用程序并使用即可。

关于javascript - 多项目 webpack 配置建议,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44108714/

相关文章:

javascript - 在 html 表的一列中合并 <td> 行

javascript - 任何 Javascript 优化基准?

javascript - 除模式外的正则表达式

javascript - 没有样式表的加载/服务 - react

javascript - 在 Webpack 2 中,如何将日期(或任何其他变量)添加到横幅输出中?

javascript - TypeScript:对象可能是 'null'

javascript - node.js 事件队列在哪里?

javascript - 使用 AJAX 将数据发送到 PHP

reactjs - 将项目放在子文件夹中时,laravel mix 重写 url 路径错误

javascript - 在 es6 中使用 webpack 的分块