云计算服务
服务器租用
DDOS 防护
虚拟主机
域名服务
基础设施
关于我们
在Ubuntu18.04系统上安装webpack是前端开发中的重要一步。本文将指导您完成整个安装过程。
准备工作
安装webpack之前，需要确保系统已安装Node.js和npm。打开终端，执行以下命令：
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创建webpack项目
进入项目目录，初始化npm项目：
mkdir webpack-demo
cd webpack-demo
npm 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 src
touch src/index.js在package.json中添加构建脚本：
"scripts": {
"build": "webpack"
}运行webpack构建项目：
npm run build完成以上步骤后，您已成功在Ubuntu18.04系统上安装并配置了webpack。现在可以开始使用webpack进行项目开发和构建了。
.png)
.png)
