webpack1
2022-05-12 本文已影响0人
关耳木南
webpack是一个静态模块打包工具。
webpack其中一个核心就是让我们可能进行模块化开发,并帮助我们处理模块间的依赖关系。我们的js文件、css文件、json文件都可以被当做模块来使用,这就是webpack中模块化的概念。
打包就是将webpack中的各种资源进行打包合并成一个或多个包(bundle),并在打包的过程中对资源进行处理。比如压缩图片,将scss转成css,es6转成es5,typescript 转成javascript等等操作。
webpack依赖node环境,node为了执行很多代码,必须其中包含各种依赖的包——npm工具。
安装webpack首先需要安装node.js,node.js自带了软件包管理工具npm。
node -v //查看node版本命令
webpack --version //查看webpack版本命令
安装全局webpack
npm install webpack@3.6.0 -g //@表示指定版本号
局部安装webpack
//--save-dev 是开发依赖,项目打包后不需要继续使用,该命令会生成node_module文件。
npm install webpack@3.6.0 --save-dev
node 初始化
//该命令生成package.json文件,项目依赖于node环境的话,
//都会有package.json文件,该文件告诉我们项目的信息
npm init
package.json中的script的脚本在执行时,会按照一定的顺序寻找命令对应的位置。
1、首先会寻找本地的node_modules/.bin路径中对应的命令
2、如果没有找到会去全局的环境变量中寻找。