zoukankan      html  css  js  c++  java
  • webpack学习(一):webpack 介绍&安装&常用命令

    一、简单介绍

    什么是Webpack

    webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理,它能有Grunt或Gulp所有基本功能。

    他的目的就是把有依赖关系的各种文件打包成一系列的静态资源。

    为什么使用Webpack

    webpack 几大重要特点:

    1.Webpack的处理速度更快更直接;

    2.能打包更多不同类型的文件;

    3.扩展性强,插件机制完善。

    二、开始安装

    首先要安装 Node.js, Node.js 自带了软件包管理器 npm,用npm 安装webpack。

    //1.进入项目目录 npm init 创建package.json
      npm install webpack --save-dev
    
    //2.安装webpack(以下两种任意选一种都行)

     //全局安装
      npm install webpack -g   
     //安装到你的项目目录
      npm install webpack --save-dev 

     三、常用命令

    //安装指定版本
    npm install webpack@3.5.5 --save-dev
    //查看webpack版本信息 webpack --version
    //查看webpack信息 npm info webpack
    //安装loader并将该loader配置到package.json文件中 npm install {whatever}-loader --save-dev
    //显示详细错误信息
    webpack  --display-error-details  
    // 自动监控文件的改变
    webpack   --watch   

     //打包时显示隐藏的模块
    webpack  --display-modules 

    //打包时显示chunks
    webpack  --display-chunks   
     
  • 相关阅读:
    “==”和equals方法的区别
    一个睡五分钟等于六个钟头的方法
    依赖、关联、聚合、组合
    关于AOP /IOC / DI
    Java中equals方法比较的是什么?
    JAVA 程序题
    jQuery EasyUI 笔记 DataGrid
    C#利用QrCode.Net生成二维码(Qr码)
    由【酷狗音乐】所联想到的C/S界面设计
    VS2010中CodeSnippet【代码段】应用与创建
  • 原文地址:https://www.cnblogs.com/chaixiaozhi/p/8535838.html
Copyright © 2011-2022 走看看