webpack

342 阅读1分钟

webpack安装

局部安装
cnpm install webpack --save-dev

cnpm install webpack-cli --save-dev
或者
全局安装
cnpm install webpack webpack-cli -g
卸载
npm uninstall webpack webpack-cli -g
检查webpack的版本号
npm info webpack
安装相应的版本
npm uninstall webpack@(版本号) webpack-cli -g

执行命令

npx webpack index.js(所需要的翻译的文件)

webpack是什么

webpack是前端开发的一个代码打包工具

Webpack 是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式,将各种静态资源视为模块,并从它生成优化过的代码。要使用Webpack 前须先安装Node.js。

Webpack 可以从终端、或是更改 webpack.config.js 来设置各项功能。

《webpack可以把一些浏览器执行不了的代码翻译成浏览器可执行的代码,然后放到main.js中 在我们的html文件中只需要引入main.js就可以了》

什么是模块打包工具

webpack的核心定义就是一个模块打包工具

很多人认为webpack是一个js的翻译器,但是实际上并不是,webpack是一个模块打包工具,它不仅仅是一个js的打包工具,例如css,jng(图片)等也都是可以打包的