zoukankan      html  css  js  c++  java
  • Vue学习之Webpack小结(十二)

    一、nrm:

      nrm是专门用来管理和快速切换私人配置的registry;

      nrm提供了一些最常用的npm包镜像地址,能够让我们快速的切换安装包时候的服务器地址;

    二、镜像:

    原来   包    刚一开始是只存在于国外的NPM服务器,但是由于网络原因,经常访问不到,这时候,我们可以在国内,创建一个和官网完全一样的NPM服务器,只不过,数据都是从人家那里拿过来的,除此之外,使用方式完全一样;

    三、nrm使用:

    1、运行:

    npm i nrm -g

    全局安装’ nrm ' 包;

    2、使用 

    nrm ls

    查看当前所有可用的镜像源地址以及当前所使用的镜像源地址;

    3、使用

    nrm use npm 

    或者

    nrm use taobao

    切换不同的镜像源地址。

    注意:nrm 只是单纯的提供了几个常用的 下载包的url地址,并能够让我们在方便的进行切换,但是,我们装包的时候,使用的装包工具,都是 npm;

    四、webpack:

    1、webpack 是前端的一个项目构建工具,它是基于Node.js 开发出来的一个前端工具;

    2、网页中引用的如JS、css、images、fonts(字体文件)、模板文件(.vue)静态资源太多会使网页加载速度过慢(因为我们要发起很多的二次请求),还要处理错综复杂的依赖关系;

      为了解决这两个问题,我们需要采用合并、压缩、精灵图、图片的Base64编码,也可以使用requireJS、也可以使用webpack 解决各个包之间的复杂依赖关系。

     解决方案:

    ①、使用Gulp,是基于 task 任务的;

    ②、使用 webpack ,是基于整个项目进行构建的;

      借助于webpack 整个前端自动化构建工具,可以完美实现资源的合并、打包、压缩、混淆等诸多功能;https://www.webpackjs.com/

    3、安装的两种方式:

     ①、运行 

    npm i webpack -g

    全局安装 webpack,资源就能在全局使用webpack的命令;

    ②、在项目根目录中运行

    npm i webpack --save-dev

    安装到项目依赖中

  • 相关阅读:
    损失函数相关
    半监督学习
    自监督学习
    leetcode相关
    深度学习中的Normalization
    TCN
    用户行为序列相关
    损失函数loss相关
    MapReduce编程之实例分析:wordCount
    MapReduce编程之初学概念篇
  • 原文地址:https://www.cnblogs.com/21-forever/p/11109988.html
Copyright © 2011-2022 走看看