使用package.json構建一個js項目

Question

我有兩個js項目，分別說A和B，在項目A的packge.json中，我正在跟蹤腳本

 "scripts": {
"start": "webpack-dev-server --https --content-base dist/",
"doc": "n-clean docs && jsdoc --package package.json -c 
 ./jsdoc.config.json",
"clean": "n-clean dist",
"build:dev": "webpack --config webpack.config.js",
"build:prod": "webpack --config webpack.config.js --env.production",
"build": "npm run clean && npm run build:dev && npm run build:prod && npm run doc"

}

當我運行npm run build時，我在項目A的dist文件夾中得到了一個捆綁包js。

在B的項目中，我具有以下用於腳本的package.json。

"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"serve": "grunt serve --port=9090 --https=true",
"build": "grunt build --production=true"   

}

因此，我可以通過運行npm run build來構建項目B。 但是我可以在構建Poject A之后構建Project B（即它應該在A的dist文件夾中創建捆綁包），並在Project B的package.json中通過添加“ build”：“ npm run build ../A”命令與項目B一起添加。建立。 因此，請幫助我如何實現這一目標。

Answer 1

是的，您絕對可以將Project B的文件構建到Project A的dist文件夾中。

您必須修改webpack的配置文件，通常稱為webpack.config.js

在項目B的webpack.config文件中，您必須告訴webpack輸出路徑。 您可以通過添加以下代碼行來實現：

module.exports = {
  //...
  output: {
    path: path.resolve(__dirname, '<Path to Project A dist folder>')
  }
};

希望這可以幫助！

根據項目B中的項目A進行編輯：

是的，您需要修改Project B的webpack.config.js文件。

您可以在該文件中將多個入口點定義為

module.exports = {
  entry: {
    ProjectA: './path/to/my/entry/fileA.js',
    ProjectB: './path/to/my/entry/fileB.js',
  }
};

可能您可以將入口點從ProjectA的webpack.config.js文件復制到Project B的文件中。