Bootstrapjs是一個web前端頁面應用開發(fā)框架，其提供功能豐富的JavaScript工具集以及用戶界面元素或組件的樣式集，本文主要描述bootstrapjs的開發(fā)環(huán)境搭建。

如上所示，使用nodejs運行時環(huán)境、使用npm包管理工具、使用npm初始化一個項目工程test2023

npm i --save-dev webpack webpack-cli ?webpack-dev-server html-webpack-plugin npm i --save bootstrap @popperjs/core npm i --save-dev autoprefixer css-loader ?postcss-loader sass sass-loader style-loader

如上所示，安裝webpack項目工程構(gòu)建工具、webpack-cli是命令行支持工具、webpack-dev-server是開發(fā)環(huán)境支持工具、html-webpack-plugin是項目工程目錄構(gòu)建工具、安裝bootstrapjs工具集、安裝bootstrapcss工具集（支持css或者sass）

webpack.config.js

如上所示，設置webpack項目工程構(gòu)建參數(shù)、webpack根據(jù)這些設置將源碼編譯輸出到dist構(gòu)建的目錄中

src/index.html

如上所示，創(chuàng)建項目工程的首頁index.html，在單頁面應用中，webpack在構(gòu)建過程中將javascript、css增加到該頁面中

package.json

如上所示，設置npm構(gòu)建打包運行項目工程的執(zhí)行命令以及其他參數(shù)

如上所示，使用npm包管理工具運行項目工程test2023成功、在瀏覽器中訪問項目工程test2023響應成功

如上所示，使用npm包管理工具構(gòu)建項目工程test2023成功，可使用dist構(gòu)建的工程部署到運行時環(huán)境中