webpack的正确安装方式

weixin_42915158 2023-01-13 02:18:35

课时名称	课时知识点
webpack的正确安装方式	掌握webpack的安装方式

...全文

76 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

本片文章给大家介绍一下如何正确的安装webpack 一.安装Node.js环境并检查是否安装成功（推荐安装LTS版本，至于如何安装在此就不做说明了）二.新建一个文件夹，作为项目目录，自定义名就叫webpack-demo，并用编辑器打开，我这里使用的是VSCode 目前该项目是一个空项目。三.在终端通过npm init命令对项目进行初始化（一路回车就可以），最后在项目目录中会出现一个package.json文件，这个文件描述和该项目相关的一些信息。四.全局安装webpack以及webpack-cli

webpack是现代javascript应用程序的静态模块打包器，当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 webpack更加强调模块化开发管理，文件压缩、预处理等功能，是它附带的功能。注意：安装webpack ,要先安装node.js node.js自带了软件包管理工具npm 1.查看node版本（node的安装自行查找，很简单） 2.全局安装webpack,

webpack官网地址：https://webpack.github.io 1. 初探webpack 1.1 webpack的安装创建文件夹 webpack-test mkdir webpack-test cd webpack-test 在 webpack-test文件夹下通过npm init构建环境 webpack4.x后需要安装webpack-cli ...

Webpack的安装以及环境搭建最近要做前后端分离的项目，需要用到webpack工程化打包技术，因此首先需要在电脑上安装webpack工具，在安装过程中遇到了很多问题，害，我就是安装环境破坏者。本人的环境如下：系统：windows 7 操作系统：64位 webpack：4.43.0（目前是最新版本） node.js：v12.16.1 1，安装node.js webpack的安装需要依赖npm工具，而npm的工具又是基于node.js，因此我们首选需要安装node.js，安装方式也很简单，直接官网上下载

余其方的课程社区_NO_1

1

社区成员

14

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章