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

Question

我的项目的一部分（称为应用程序）正在使用利用 webpack 的反应。 现在，我想在站点的其他不使用反应的部分使用 webpack。 我试图在项目的根文件夹中安装 webpack，但得到errorno -4048, code: 'EPERM'我怀疑这与 webpack 已经安装的事实有关。 那么，问题是我是否可以使用已经安装的 webpack 来管理站点的其他部分？ 如果是，我假设我必须添加一些键值对，例如"buildSite": "webpack src/js/site.js dist/bundle.js"这是通往 go 的方式吗？

Answer 1

你当然可以。 从 npm 脚本运行webpack命令将在 node_modules 中搜索 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