码迷,mamicode.com
首页 > Web开发 > 详细

webpack安装

时间:2017-05-08 14:19:24      阅读:262      评论:0      收藏:0      [点我收藏+]

标签:模块   init   start   ext   全局   迁移   lib   技术   bin   

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安装

标签:模块   init   start   ext   全局   迁移   lib   技术   bin   

原文地址:http://www.cnblogs.com/shiwenhu/p/6824332.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!