webpack 普通用法 --- 特别注意webpack 是跟node 结合使用的 node 一定要最先安装

1.首先安装 

npm install -g webpack     或者   npm install webpack --save-dev

2. 一定要有package.json  里面可以存放webpack 相关的插件和配置比如：

{
  "name": "webpack-example",
  "version": "1.0.0",
  "description": "A simple webpack example.",
  "main": "bundle.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "webpack"
  ],
  "author": "zhaoda",
  "license": "MIT",
  "devDependencies": {
    "css-loader": "^0.21.0",
    "style-loader": "^0.13.0",
    "webpack": "^1.12.2"
  }
}

3.设置配置文件 webpack.config.js:

var webpack = require('webpack')

module.exports = {
  entry: './entry.js',   //入口文件
  output: {
    path: __dirname,
    filename: 'bundle.js' //编译后文件
  },
  module: {
    loaders: [
      {test: /\.css$/, loader: 'style!css'}//将css 转换为js 模块
    ]
  }
}

4. 设置一个html文件引入编译后的js文件 

 

5.在根目录下运行 webpack

参考开发环境的玩法：http://webpackdoc.com/development.html