webpack 開發環境配置(一)

2022-07-12 00:51:10 字數 561 閱讀 3400

一、安裝

2.vscode中ctrl+~喚起終端,輸入:

//

這兩步安裝時是安裝在全域性環境,下次使用時可不用再執行一遍

初始化:npm init

3.新建專案,在專案中安裝webpack:

//預設最新版,可能出現相容問題

npm i webpack webpack-cli-d

//指定版本

npm i [email protected] [email protected] -d

4.新建webpack.config.js檔案,根據需求進行配置,打包之後之後就可以使用了:

//

全部打包:在專案目錄下

webpack

//打包單檔案:

//開發環境

webpack ./src/index.js -o ./build/biolt.js --mode=development

//生產環境

webpack ./src/index.js -o ./build/built.js --mode=production

webpack開發環境配置

node.js webpack npm install webpack webpack cli g 全域性安裝 npm install webpack webpack cli d 本地 當前目錄 安裝 各種loader 根據需要安裝loader npm i css loader style load...

webpack手動配置React開發環境

首先用npm初始化環境 mkdir react webpack demo cd react webpack demo npm init y 安裝相關軟體包 npm install react react dom webpack webpack cli webpack dev server html ...

webpack開發環境的基本配置

建立檔案webpack.config.js 配置內容如下 const require path node內建核心模組,用來處理路徑問題。module.exports mode development 開發環境 執行指令 webpack 建立檔案 npmicss loaderstyle loaderl...