云計算服務
服務器租用
DDOS 防護
虛擬主機
域名服務
基礎設施
關于我們
在Ubuntu18.04系統(tǒng)上安裝webpack是前端開發(fā)中的重要一步。本文將指導您完成整個安裝過程。
準備工作
安裝webpack之前，需要確保系統(tǒng)已安裝Node.js和npm。打開終端，執(zhí)行以下命令：
sudo apt update
sudo apt install nodejs npm驗證Node.js和npm安裝
安裝完成后，通過以下命令檢查版本：
node --version
npm --version全局安裝webpack
使用npm全局安裝webpack和webpack-cli：
sudo npm install -g webpack webpack-cli驗證webpack安裝
安裝完成后，檢查webpack版本：
webpack --version創(chuàng)建webpack項目
進入項目目錄，初始化npm項目：
mkdir webpack-demo
cd webpack-demo
npm init -y安裝項目依賴
在項目中安裝webpack和webpack-cli作為開發(fā)依賴：
npm install webpack webpack-cli --save-dev配置webpack
創(chuàng)建webpack配置文件webpack.config.js：
touch webpack.config.js在配置文件中添加基本設置：
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist'),
},
};
運行webpack
創(chuàng)建src目錄和入口文件：
mkdir src
touch src/index.js在package.json中添加構建腳本：
"scripts": {
"build": "webpack"
}運行webpack構建項目：
npm run build完成以上步驟后，您已成功在Ubuntu18.04系統(tǒng)上安裝并配置了webpack?，F在可以開始使用webpack進行項目開發(fā)和構建了。
.png)
.png)
