美文网首页
模块化--node.js和webpack初识

模块化--node.js和webpack初识

作者: 书中有凉气 | 来源:发表于2017-03-10 15:39 被阅读0次
如何全局安装一个 node 应用?

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

package.json 有什么作用?

作用:

  • 相当于你本地项目的一个文档说明。
  • 允许你指定你项目中所使用的node包的版本。
  • 构建你的项目更加容易,便于给其他人共享。
    {
        "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命令,即可安装同样的包。

npm install --save app 与 npm install --save-dev app有什么区别?

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

nodule_modules的查找路径是怎样的?

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

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

http://tuituibang.top/Example_two/WTF.html

相关文章

  • 模块化--node.js和webpack初识

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

  • webpack安装

    webpack是当前前端最热门的前端资源模块化管理和打包工具。 安装webpack 首先要安装Node.js,No...

  • webpack安装

    安装 webpack 是一个使用Node.js实现的一个模块化代码打包工具。所以,需要先安装webpack,安装之...

  • Webpack配置入口文件和打包后的文件

    1.查看node.js版本、npm版本和webpack版本(使用webpack4时,请确保node.js的版本>=...

  • 前端解决方案列表

    基于 Node.js 的前后端分离解决方案 基于 Webpack 的前端模块化解决方案 基于 JWT 的接口鉴权解...

  • webpack学习

    webpack 说起 Webpack,大家都知道这是一个模块化构建(打包)工具,那么究竟什么是模块化呢? 模块化 ...

  • Webpack-打包工具

    安装Node.js 安装cnpm和npm 安装babel 安装webpack 使用webpack打包(命令方式) ...

  • 从零搭建基于Webpack4的开发环境

    webpack是当前最流行的模块化,为了更好地理解和学习webpack,本文从零搭建基于webpack开发环境。 ...

  • 初识webpack4.x(一)

    系列文章 初识webpack(一) 初识webpack(二)之常用插件配置 初始webpack(三)之环境分离终结...

  • webpack教程

    webpack 安装node.js npm 安装webpack npm install webpack -g 进入...

网友评论

      本文标题:模块化--node.js和webpack初识

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