webpack 2.2.x config file

webpack.config.js

var path = require('path')
var _ = require('lodash')
var webpack = require('webpack')
var assetsPath = path.join(__dirname, '..', 'public', 'assets')
var ExtractTextPlugin = require('extract-text-webpack-plugin')

var config = {
    context: path.join(__dirname, '..'),
    entry: {
        application: [
            path.join(__dirname, '/javascripts/application.js')
        ]
    },
    output: {
        path: assetsPath,
        filename: '[name]-bundle.js',
        publicPath: 'http://localhost:8080/assets/'
    },
    resolve: {
        extensions: ['.js', '.json', '.coffee'],
        alias: {
            vue: 'vue/dist/vue.js'
        }
    },
    devtool: 'cheap-module-eval-source-map',
    devServer: {
        hot: true,
        // enable HMR on the server

        contentBase: assetsPath,
        // match the output path

        publicPath: 'http://localhost:8080/assets/'
        // match the output `publicPath`
    },
    module: {
        rules: [{
                test: require.resolve('jquery'),
                loader: 'expose?jQuery'
            },
            {
                test: require.resolve('jquery'),
                loader: 'expose?$'
            },
            {
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: /node_modules/
            },
            {
                test: /\.coffee$/,
                loader: 'coffee-loader'
            },
            {
                test: /\.(woff|woff2|eot|ttf|otf)\??.*$/,
                loader: 'url-loader?limit=8192&name=[name].[ext]'
            },
            {
                test: /\.(jpe?g|png|gif|svg)\??.*$/,
                loader: 'url-loader?limit=8192&name=[name].[ext]'
            },
            {
                test: /\.(sc|c)ss$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: [
                        'css-loader?sourceMap',
                        'sass-loader'
                    ]
                })
            },
            {
                test: /\.vue$/,
                loader: 'vue-loader'
            }
        ]
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: 'jquery',
            jQuery: 'jquery'
        }),
        new ExtractTextPlugin({
            filename: '[name]-bundle.css',
            allChunks: true
        }),
        new webpack.LoaderOptionsPlugin({
            debug: true
        })
    ]
}

module.exports = config

resolve: {
    extensions: ['.js', '.json', '.coffee'],
    alias: {
        vue: 'vue/dist/vue.js'
    }
}

@andyyou 感謝大大！