如何在網站項目和應用程序上使用 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