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表示升级

 
posted @ 2019-09-11 10:56  小羽信息  阅读(177)  评论(0编辑  收藏  举报