window 10 npm下webpack安装与运行-入门第一篇

一、安装webpack

1、安装最新的node.js；最新的node.js包括了npm,并且是全局安装的；

2、建立开发目录；

3、DOS命令下，进入第二步建立的目录，并运行 npm init命令，建立package文件；

4、打开package文件，看一下，name字段名是不是"webpack"的，如果是，改；否者下一步webpack无法局部安装到此目录；

5、运行npm install --save-dev webpack；在刚刚建立的开发目录内，局部安装；

6、安装成功后，会出现一个node_modules文件夹；




二、运行webpack

1、在DOS命令行下，进行项目目录所在node_modules/.bin/目录；

2、运行webpack命令，输入文件（绝对路径），输出文件（绝对路径）；

3、刚开始学强烈建议用绝对路径；




三、配置文件篇

1、由于webpack是局部安装，在找webpack.config.js这个文件时，注意使用--config来指定配置文件的位置，建议初学者使用绝对路径；




四、和npm结合

1、在package.json配置文件里的scripts内，加入key-value形式的字段；key是npm要运行的名称，value是要运行的内容；

2、在value里写入“webpack --config 配置文件路径”；