webpack和nodejs关系,webpack和node

　　node.js速度课程简介：进入学习

　　本教程运行环境：windows7系统，nodejs16版本16，DELL G3电脑。

　　Webpack是一个代码编译工具，它有一个入口，一个出口，一个加载器和插件。Webpack是一个用于现代JavaScript应用程序的静态模块打包工具。它会根据模块的依赖关系进行静态分析，然后根据指定的规则从这些模块中生成相应的静态资源。

　　webpack在处理应用时，会在内部构建一个依赖图，映射到项目所需的每个模块，生成一个或多个bundle。

　　Webpack是一个前端打包工具，基于node.js开发，使用时需要Node.js组件的支持。

　　安装 Webpack

　　Web Pack的运行依赖于Node.js，所以需要先安装Node.js。

　　安装完成后，在命令行窗口中输入以下两行命令。如果有版本号，则安装成功。

　　$ node -v$ npm -v然后可以通过npm(基于Node.js的包管理工具)安装Webpack

　　因为npm的来源在国外，安装速度可能会比较慢。我建议你可以用淘宝的npm来镜像Cnpm。不过需要注意的是，cnpm中的一些包会有所不同(一般来说不会影响使用)。

　　cnpm的配置可以通过下面一行代码来完成

　　$ NPM install-g cnpm-registry=https://registry.npm.taobao.org使用cnpm安装webpack:

　　cnpm安装webpack -g创建项目

　　接下来，我们创建一个目录应用程序：

　　Mkdir app将runoob1.js文件添加到app目录中，代码如下：

　　app/runoob1.js文件

　　document.write(有效);使用以下代码将index.html文件添加到app目录中：

　　app/index.html文件

　　超文本标记语言

　　头

　　meta charset=utf-8

　　/头

　　身体

　　脚本类型= text/JavaScript src= bundle . js charset= utf-8 /script

　　/body

　　/html接下来，我们使用webpack命令来打包：

　　Webpack runoob1.js bundle.js执行上述命令将编译runoob1.js文件并生成bundle.js文件。成功后，输出信息如下：

　　哈希：a41c6217554e666594cb

　　版本：webpack 1.12.13

　　时间：50毫秒

　　资产大小块块名称

　　bundle . js 1.42 kB 0[已发出] main

　　[0]./run OOB 1 . js29 bytes { 0 }[build]在浏览器中打开index.html，输出结果如下：

　　更多关于node的信息，请访问：nodejs教程！以上是webpack是否基于node.js的详细内容，更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。