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、如果没有找到会去全局的环境变量中寻找。

上一篇下一篇

猜你喜欢

热点阅读