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