在Ubuntu18.04系统上安装webpack是前端开发中的重要一步。本文将指导您完成整个安装过程。

准备工作

安装webpack之前，需要确保系统已安装Node.js和npm。打开终端，执行以下命令：

sudo apt updatesudo apt install nodejs npm

验证Node.js和npm安装

安装完成后，通过以下命令检查版本：

node --versionnpm --version

全局安装webpack

使用npm全局安装webpack和webpack-cli：

sudo npm install -g webpack webpack-cli

验证webpack安装

安装完成后，检查webpack版本：

webpack --version

创建webpack项目

进入项目目录，初始化npm项目：

mkdir webpack-democd webpack-demonpm init -y

安装项目依赖

在项目中安装webpack和webpack-cli作为开发依赖：

npm install webpack webpack-cli --save-dev

配置webpack

创建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

创建src目录和入口文件：

mkdir srctouch src/index.js

在package.json中添加构建脚本：

"scripts": {  "build": "webpack"}

运行webpack构建项目：

npm run build

完成以上步骤后，您已成功在Ubuntu18.04系统上安装并配置了webpack。现在可以开始使用webpack进行项目开发和构建了。