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

 本地安装会放在项目目录\node_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表示升级