zoukankan      html  css  js  c++  java
  • web pack备忘

    全局安装:npm install webpack -g

    npm i module_name  -S  = >  npm install module_name --save    写入到 dependencies 对象
    
    npm i module_name  -D  => npm install module_name --save-dev   写入到 devDependencies 对象

     i 是install 的简写

    -S就是--save的简写
    -D就是--save-dev 这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面,而--save会将包的名称及版本号放在dependencies里面。

    我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如:

    --save-dev

    --save

    在 package.json 文件里面提现出来的区别就是,使用 --save-dev 安装的 插件,被写入到 devDependencies 对象里面去,而使用 --save 安装的插件,责被写入到 dependencies 对象里面去。

    那 package.json 文件里面的 devDependencies  和 dependencies 对象有什么区别呢?

    devDependencies  里面的插件只用于开发环境,不用于生产环境,而 dependencies  是需要发布到生产环境的。

    webpack安装与卸载

    1.安装    在全局下安装:npm  install  webpack  -g            

                  安装指定版本:npm  install  webpack@<version>   -g        例如:npm install  webpack@3.4.1  -g

                  但是这并不是最好的方式,因为有的项目不需要,有的项目需要的版本偏高偏低都会影响。所以我们一般都会在需要的项目安装,安装在本地。

                 本地安装 

                    1)进入项目目录

                    2) 确定已经有 package.json,没有就通过 npm init 创建

                    3)安装 webpack 依赖 npm install webpack --save-dev

      如果安装很慢,可以使用这个地址:npm config set registry https://registry.npm.taobao.org

     本地安装会放在项目目录 ode_modules下 .bin和webpack。此时我们打开终端,输入 webpack会提示 webpak不是内部命令。需要把这个路径(node_modules.bin)配入 环境变量的 path中去.

    2.删除     在全局下删除    npm  uninstall  webpack  -g

                  最好将项目目录下的node-modules一起删除,否则会有残留文件影响下一次的结果。

    npm ERR! missing script: build

    平时使用 npm run build,提示上面的 错误,通过查看package.json中scripts参数为

     "scripts": {
        "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
        "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
        "build:sit": "cross-env NODE_ENV=production env_config=sit node build/build.js",
        "lint": "eslint --ext .js,.vue src",
        "test": "npm run lint"
      },

    所以正确的命令应该为

    npm run build:prod

    dependencies里面的^,~的区别

    ~的意思是匹配最近的小版本 比如~1.2.3将会匹配所有的1.2.x版本,但不匹配1.3.0, 1.2.0 <= ~1.2.3 <1.3.0
    ^的意思是最近的一个大版本 比如1.2.3 将会匹配 所有 1.x.x 包括1.3.0 但不包括2.0 1.0.0 <= ^1.2.3 < 1.x.x
    提示:node的各种包都有版本控制,迭代都非常快,版本号用用三个数字分别用.分割来标记每个版本,比如1.2.3 其中第三位3表示微小的变动,2表示比较大的变动,1表示升级

     
  • 相关阅读:
    leetcode 190 Reverse Bits
    vs2010 单文档MFC 通过加载位图文件作为客户区背景
    leetcode 198 House Robber
    记忆化搜索(DP+DFS) URAL 1183 Brackets Sequence
    逆序数2 HDOJ 1394 Minimum Inversion Number
    矩阵连乘积 ZOJ 1276 Optimal Array Multiplication Sequence
    递推DP URAL 1586 Threeprime Numbers
    递推DP URAL 1167 Bicolored Horses
    递推DP URAL 1017 Staircases
    01背包 URAL 1073 Square Country
  • 原文地址:https://www.cnblogs.com/fer-team/p/11505012.html
Copyright © 2011-2022 走看看