webpack.config.js

// import webpack from 'webpack';
const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const extractTextPlugin = require('extract-text-webpack-plugin');
const extractCSS = new extractTextPlugin('css/[name]-css.css');
const extractLESS = new extractTextPlugin('css/[name]-less.css');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
const config = {
    entry: [
        'babel-polyfill',
        './src/index.js'
    ],
    output: {
        path: path.resolve(__dirname, './dist'),
        publicPath: '',
        filename: '[name].js'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: /node_modules/
            },
            {
                test: /\.css$/,
                use: extractCSS.extract([
                    // { loader: "style-loader" },//style-loader不能和插件一起使用
                    { loader: "css-loader", options: { importLoaders: 1 } },
                    { loader: "postcss-loader" }
                ])
            },
             {
                test: /\.less$/,
                use: extractLESS.extract([
                    // { loader: "style-loader" },
                    { loader: "css-loader", options: { importLoaders: 1 } },
                    { loader: "postcss-loader" },
                    { loader: "less-loader" }
                ])
            },
            {
                test: /\.(png|woff|woff2|eot|ttf|svg)$/,
                use: [{
                    loader: 'url-loader?limit=100000'
                }, ]
            }
        ]
    },
    devServer: {
        contentBase: path.resolve(__dirname, './dist'),
        historyApiFallback: true,
        noInfo: true
    },
    devtool: '#inline-source-map',
    plugins:[
        extractCSS,
        extractLESS,
        new webpack.EnvironmentPlugin(['NODE_ENV']),
        new HtmlWebpackPlugin({
            title:'my-app',
            template:'index.ejs'
        })
    ]
}
if (process.env.NODE_ENV==='production') {
    config.plugins.push(new UglifyJsPlugin())
}
module.exports = config;