Webpack

安装Webpack之前建议先安装Node.js，然后采用npm的方式来安装Webpack：

npm install webpack -g

因为要用到angular，所以要安装angular：

npm install angular

还要安装一系列加载器(loader)：

npm install style-loader css-loader url-loader sass-loader raw-loader

注意：除了webpack是全局安装之外，其他组件都是安装在app文件夹下面，会自动生成node_modules文件夹。

配置文件webpack.config.js

module.exports = {
  context: __dirname + '/app',//上下文
  entry: './index.js',//入口文件
  output: {//输出文件
    path: __dirname + '/app',
    filename: './bundle.js'
  },
  module: {
    loaders: [//加载器
      {test: /\.html$/, loader: 'raw'},
      {test: /\.css$/, loader: 'style!css'},
      {test: /\.scss$/, loader: 'style!css!sass'},
      {test: /\.(png|jpg|ttf)$/, loader: 'url?limit=8192'}
    ]
  }
};