webpack static

webpack.config.js

// webpack.config.js

let ExtractTextPlugin = require("extract-text-webpack-plugin");
let HtmlWebpackPlugin = require('html-webpack-plugin');

let CopyWebpackPlugin = require('copy-webpack-plugin');
let path = require('path');

module.exports = {
    entry: './src/index.js',
    output: {
        path: __dirname + '/dist',
        filename: 'bundle_[hash].js'
    },
    devServer: {
        contentBase: './dist/'
    },
    module: {
        loaders: [
            {test: /\.js$/, exclude: /node_modules/,
              loader: 'babel-loader', query: {presets: ["es2015"]}},
            {test: /\.scss$/,
              loader: ExtractTextPlugin.extract({
                fallbackLoader: "style-loader",
                loader: ['css-loader', 'sass-loader', 'postcss-loader'],
              })
            },
            { test: /\.(jpe?g|png|gif|ttf|svg)$/i,
              loader: "file-loader?name=/assets/[name].[ext]",
            },
            { test: /icon_.+\.(svg)$/i,
              loader: "url-loader",
            },
            {test: /\.html$/, loader: 'html-loader'},
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
          template: './src/index.html'
        }),
        new HtmlWebpackPlugin({  // Also generate a test.html
          filename: 'product.html',
          template: 'src/product.html'
        }),
        new ExtractTextPlugin("styles_[hash].css"),
        new CopyWebpackPlugin([
          {from: './src/assets', to: 'assets'}
        ])
    ]
}