webpack.dev.config.js

/**
 * 开发环境的配置
 */

const webpack = require('webpack');
const config = require('./webpack.base.config');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const fs = require('fs');

config.devtool = '#source-map';                             // source-map
config.output.publicPath = '/dist/';                        // 资源路径
config.output.filename = '[name].js';                       // 入口js命名
config.output.chunkFilename = '[name].chunk.js';            // 路由js命名

config.plugins = (config.plugins || []).concat([
    // 提取CSS
    new ExtractTextPlugin({
        filename: '[name].css',
        allChunks : true
    }),
    // 提取第三方库(从不同的bundle中提取所有的公共模块,并且将他们加入公共bundle中)
    new webpack.optimize.CommonsChunkPlugin({
        name: 'vendors'
    }),
    // 构建html文件
    new HtmlWebpackPlugin({
        filename: '../index.html',
        template: './app/template/index.html',
        inject: 'body'
    })
]);

// 写入环境变量
fs.open('./app/config/env.js', 'w', function (err, fd) {
    var buf = 'module.exports = "development";';
    fs.write(fd, buf, 0, buf.length, 0, function(err, written, buffer){
        return err;
    });
});

module.exports = config;