webpack安装

Posted 2020-09-17 Sentiger

Webpack安装

1.全局安装

安装一个全局webpack

 npm install [email protected] -g

安装可以启动的http webpack服务

 npm install [email protected] -g

全局安装弊端

全局安装之后，在以后的使用中都是使用这一个版本，可能会在使用不同版本的项目中失败，所以在本地局部服务中安装是比较好的！

2.本地安装

1）首先在项目根目录下使用生产package.json文件

npm init

安装beat版本

npm install [email protected] --save-dev

安装指定版本

npm install [email protected] --save-dev

--save-dev和--save区别

--save-dev其实安装之后就会在package.json文件中devDependencies配置中生产依赖

--save会保存在dependencies中，一般我的做法是将必要的核心文件使用--save参数保存。

使用这两个参数的好处是别人或者项目迁移的时候只要npm install就可以安装了，不需要拷贝node_modules中的文件，而且还可以更新依赖模块。

2）如果您在项目中使用npm脚本，则npm将尝试在本地模块中查找Webpack安装，以便此安装技术非常有用。

"scripts": {

    "start": "./node_modules/.bin/webpack --config mywebpack.config.js"

}