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

Question

我的项目的一部分(称之为应用程序(是使用使用webpack的react。现在，我想在网站的其他不使用react的部分使用webpack。我试图在项目的根文件夹中安装webpack，但得到了errorno -4048, code: 'EPERM'。我怀疑这与webpack已经安装有关。所以，问题是我是否可以使用已经安装的webpack来管理网站的其他部分？如果是的话，我假设我必须添加一些键值对，比如"buildSite": "webpack src/js/site.js dist/bundle.js"。这样做吗？

Answer 1

当然可以。从npm脚本运行webpack命令将在nodemodule中搜索webpack。

假设你引用的是一个带有服务器和应用程序项目的Monorestorage，那么你的每个项目都可以有一个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