美文网首页
高级5-npm、webpack

高级5-npm、webpack

作者: Maggie_77 | 来源:发表于2017-01-29 17:32 被阅读0次

题目1: 如何全局安装一个 node 应用?

npm install -g xxx,模块将会安装在电脑的全局目录中,安装的模块能够在所有目录下使用。

题目2: package.json 有什么作用?

作用:

  1. 相当于你本地项目的一个文档说明。
  2. 允许你指定你项目中所使用的node包的版本。
  3. 构建你的项目更加容易,便于给其他人共享。

一个典型的package.json文件如下所示。

    {
        "name": "my_package",     //你的项目名称,全部小写,不能有空格,一个单词,允许-和_. 如果是要发布自己的node插件,一般用github上面项目名称。 下次有机会说明 npm 上面的发布流程。

        "version": "1.0.0",  //你的项目版本号,最好遵守 GNU 版本号管理。 

        "main": "index.js", //目录中启动文件名称。或者称之为入口文件,一般都是 index.js

        "scripts": {

            "test": "echo \"Error: no test specified\" && exit 1"    //一般默认一个test的空文件夹、用作写测试代码。

        },

        "keywords": [],  //项目的关键词。 一般用不到,发布npm才用得到。

        "author": "ag_dubs", //作者名称

        "license": "ISC", //协议 

        "repository": {  // 用来存放到 版本管理远程服务。 发布npm才有用

            "type": "git",

            "url": "https://github.com/ashleygwilliams/my_package.git"

        },

        "dependencies": {   // 正式使用时,依赖的包

            "my_dep": "^1.0.0"

        },

        "devDependencies" : {//开发或者测试时,依赖的包。

            "my_test_framework": "^3.1.0"

        }

        "bugs": {  //同repository

            "url": "https://github.com/ashleygwilliams/my_package/issues"

        },

        "homepage": "https://github.com/ashleygwilliams/my_package"  //项目主页、 发布才有用

    }

一般情况,如果是自己的项目,特别是前端的人,会使用到gulp或者grunt来打包自己的项目,并且一般不会吧node_modules上传到git上面,所以需要package来管理自己打包所需的插件,以便于项目中其他人员共享,这个文件的好处就是一个人添加某个插件后,更改了这个文件,其他人员只需要同步此文件,然后执行npm install命令,即可安装同样的包。

题目3: npm install --save app 与 npm install --save-dev app有什么区别?

  • 他们表面上的区别是--save 会把依赖包名称添加到 package.json 文件 dependencies 键下,--save-dev 则添加到 package.json 文件 devDependencies 键下
  • 它们真正的区别是,devDependencies 下列出的模块,是我们开发时用的;dependencies 下的模块,则是我们发布后还需要依赖的模块,譬如像jQuery库或者Angular框架类似的,我们在开发完后后肯定还要依赖它们,否则就运行不了。

题目4: nodule_modules的查找路径是怎样的?

node_module查找依赖的路线是:先从本地目录下寻找,不存在就依次向上级目录中查询,直到系统根目录。node全局安装在系统根目录下,所以全局安装后可在所有目录下使用。

题目6: 使用 webpack 替换 入门-任务15中模块化使用的 requriejs

相关文章

  • 高级5-npm、webpack

    题目1: 如何全局安装一个 node 应用? npm install -g xxx,模块将会安装在电脑的全局目录中...

  • Webpack高级

    1.多页应用打包 在webpack.config.js中修改入口和出口配置 // 1. 修改为多入口 entr...

  • webpack文档高级配置

    webpack文档高级配置 主要从下面几个方面讲解: webpack的生产配置环境 webpack的优化机制模块分...

  • webpack 高级配置

    如何支持 IE 用 babel-loader 打包 JS 其实 webpack 就可以打包 JS 了,为什么还要用...

  • 基础篇——webpack与构建发展简史(一)

      有段时间没有写简书了,正好最近正在学习webpack,推荐极客时间---玩转webpack)跟着腾讯高级搞开发...

  • 写一个 Webpack 插件

    通过前面章节内容的讲解,对于 Webpack 的插件应该已经不陌生了,而且对于 Webpack 很多高级的知识点应...

  • 高级5 npm webpack

    题目1: 如何全局安装一个 node 应用? 在终端输入 npm install -g 应用名 windows系...

  • 高级5-webpack

    1.如何全局安装一个 node 应用? npm install -g abc 2.** package.json ...

  • webpack

    背景 最近在看一些webpack插件相关的东西,本身对webpack不是很了解,但是这些事高级程序员必备要掌握的知...

  • Webpack2配置属性详解

    webpack说明 webpack是前端构建的一个核心所在,如果说后端构建就是把高级语言代码编译成机器码,那么前端...

网友评论

      本文标题:高级5-npm、webpack

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