手动配置webpack

//注：“__dirname”是node.js中的一个全局变量，它指向当前执行脚本所在的目录。
const path = require('path');
const webpack = require('webpack');

//单独打包css
const extractTextPlugin = require('extract-text-webpack-plugin');
//const extractLESS = new extractTextPlugin('css/[name].[contenthash:6].css');
//new extractTextPlugin('css/style.css');

module.exports = {
    entry:__dirname+"/app/main.js",
    output:{
        path:__dirname+"/public",
        filename:"bundle.js"
    },
    module: {
        loaders: [
            {
                test: /\.css$/,
                //loader: "style-loader!css-loader"
                loader:extractTextPlugin.extract("css-loader")
            },
            {
                test: /\.js$/,
                loader: "babel-loader",
                options: {
                    presets: ["es2015"]
                },
                exclude: /node_modules/
            }
        ]
    },
    plugins:[
        //extractLESS,
        new extractTextPlugin("css/[name].css",{allChunks:true})
    ]

}