webpack安装

最新推荐文章于 2023-05-04 22:57:28 发布

qq_39081958

最新推荐文章于 2023-05-04 22:57:28 发布

阅读量686

点赞数

分类专栏： webpack 文章标签： webpack 打包

本文链接：https://blog.youkuaiyun.com/qq_39081958/article/details/79972561

版权

webpack 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何安装和配置webpack。首先确保安装了最新版的Node.js，然后使用cnpm加速npm安装。通过`npm init -y`创建package.json，并添加相关scripts。接着安装webpack作为开发依赖。配置webpack.config.js，设置入口文件和输出路径。运行`npm run build`，在dist目录下生成entry.js。最后，在浏览器中查看打包结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 首先要有最新版本的node

2. 安装时由于npm过慢，我们使用cnpm淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

你可能会遇到错误（不支持win32平台）  --》解决办法 降低npm的版本 npm install@4.6.1 就可以

3. npm init -y

(其中scripts 中的两个变量自己后来加上的)

4. cnpm install --save-dev webpack

这时如果没有出现错误就安装成功了，出现了warn 这只是警告，可以不理他

打包过程

src 文件下建立 index.js

dist 文件下建立 index.html

webpack.config.js 配置如下

执行命令 npm run build

生成了entry.js文件

在浏览器上浏览

打包过程就结束了