webpack1

作者: 关耳木南 | 来源:发表于2022-05-12 18:57 被阅读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、如果没有找到会去全局的环境变量中寻找。

    相关文章

      网友评论

          本文标题:webpack1

          本文链接:https://www.haomeiwen.com/subject/gyleurtx.html