webpack零碎知识点补充

文章目录

• • 一、如何修改运行webpack的指令
  • 二、--save与--save-Dev的区别

一、如何修改运行webpack的指令

打开package.json文件,找到以下代码

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
}

加入

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack"
}

我们即可通过npm run build来运行webpack

二、–save与–save-Dev的区别

1. dependencies和devDependencies

首先了解一下dependencies和devDependencies。

在使用node开发时， 我们在工程中用到的包必须在package.json中列出。这样其他人在接手我们的项目的时候，可以知道要下载哪些包以及什么版本

而dependencies和devDependencies是package.json中的两个属性. 我们要用的包在这两个属性中列出即可.

• dependencies用于开发环境下的依赖包
• devDependencies用于生产和测试环境下的依赖包

2. --save与–save-Dev

在安装包时，我们可以根据依赖要运行的环境来使用不同的命令对包进行不同环境的安装，这里假设我们安装vue

• 执行 npm i vue --save则表示我想在生产环境中使用vue, 同时, vue的版本信息会被写入package.json中的dependencies属性中.

• 而执行npm i vue --save-dev 表示我想在开发和测试环境中使用. vue的版本信息会被写入package.json中的devDependencies属性中.

–save可以简写为-S, --save-dev可以简写为-D.

这里再提一嘴其他的：

• npm install xxx: 安装项目到项目目录下，不会将模块依赖写入devDependencies或dependencies
• npm install -g xxx: -g的意思是将模块安装到全局，具体安装到磁盘哪个位置，要看 npm config 配置文件中的位置
• npm install -save xxx：-save的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。
• npm install -save-dev xxx：-save-dev的意思是将模块安装到项目目录下，并在package文件的devDependencies节点写入依赖。