首页 > 代码库 > webpack安装

webpack安装

Webpack安装

1.全局安装

安装一个全局webpack

 npm install webpack@beat -g

安装可以启动的http webpack服务

 npm install webpack-dev-server@beat -g

全局安装弊端

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

2.本地安装

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

npm init

安装beat版本

npm install webpack@beat --save-dev

安装指定版本

npm install webpack@10.2 --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"

}

webpack安装