首页 > 编程知识 正文

vue项目webpack配置,webpack搭建vue项目

时间:2023-05-05 20:05:09 阅读:40664 作者:3672

安装web包

web包在执行包压缩时依赖于nodeJS,因此请在安装web包之前安装nodeJS。

由于npm是nodeJS平台的默认软件包管理工具,因此在此处,您将在npm上安装web包。

默认情况下,本文安装了nodeJS和npm。

首先,使用npm在项目的根目录中创建package.json文件。

#根据从当前目录提取的信息生成默认的package.json

npm init -y

#或

npm init --yes

1

2

3

4

将显示一系列文本,指示执行成功。

在项目中安装web包:

# --save-dev:安装在项目依赖关系中

NPM安装--save-dev web包

#或-g:全局安装

NPM安装- g网络包

1

2

3

4

建议使用--save-dev方式。 因为所有项目都不需要web包。

安装成功后,打开package.json文件以确定是否安装了webpack,以及安装了webpack的版本。

webpack 4.x或更高版本将命令相关内容包含在webpack-cli中,因此还必须安装webpack-cli。

安装web包- CLI。

NPM install-- save-dev web包- CLI @3.6. 0

1

在package.json文件中,devDependencies显示web包- CLI的版本信息。

验证成功

查看web包的版本

node_modules/.bin/webpack -v

查看web包- CLI的版本

node _ modules/. bin/web pack-CLI-v

1

2

3

4

为了进行本地安装,web包包含在依赖软件包中,并且必须位于依赖软件包中才能执行这些命令。 否则,该命令将被视为无效。 或者,使用npx时,会自动找到对应的软件包执行命令。 这是一个npm软件包执行器,通常在安装npm时会自动安装npx。 总之,有了这个工具,运行本地webpack命令就不那么冗馀了。

npx网络包- v

1

卸载:

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。