一、安裝
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...