Javascript 如何在网站项目和应用程序上使用webpack

我的项目（称之为应用程序）的一部分是使用react，它利用webpack。现在，我想在网站的其他部分使用不使用react的webpack。我试图在项目的根文件夹中安装webpack，但是得到了

errorno-4048，code:'EPERM'

我怀疑这与webpack已经安装的事实有关。所以，问题是我是否可以使用已经安装的webpack来管理站点的其他部分？如果是，我假设我必须添加一些键值对，比如

“buildSite”：“webpack src/js/site.js dist/bundle.js”

就是这样吗？

当然可以。从npm脚本运行

webpack

命令将在节点_模块中搜索webpack

假设您引用的是带有服务器和应用程序项目的Monorepository，那么您可以为每个项目提供一个

webpack.config.js

。它们甚至可以共享公共配置

给定此文件夹结构：

root_folder:
-node_modules
-package.json
-src
--server_project
---server.index.js
---webpack.config.js
--app_project
---app.index.js
---webpack.config.js

您可以在package.json中定义相关的npm脚本：

"scripts": {
   "build_server": "webpack ./src/server_project/webpack.config.js",
   "build_app": "webpack ./src/app_project/webpack.config.js",
   "build": "npm run build_server && npm run build_app"
}

并运行：

npm run build