// 引入node的path模块
var path = require('path');
module.exports = {
    entry: {
        app: "./src/app.js"  // 要打包的入口文件
    },
    output: {
        path: path.resolve(__dirname, "dist"), // 使用绝对路径，dist目录
        filename: "[name].bundle.js" // 或./dist/[name].[hash:5].js
    },
    module: {
        rules: [ // 定义css规则
            {
                test: /\.css$/, // 正则匹配要识别的css
                use: [
                    {
                        loader: 'style-loader' // 使用style-loader进行处理，位置必须在css-loader前面
                    },
                    {
                        loader: 'css-loader' // 使用css-loader进行处理
                    }
                ]
               //use:['style-loader','css-loader'] // 此处也可以这样写
            }
        ]
    }
}

// 引入node的path模块
var path = require('path');
module.exports = {
    entry: {
        app: "./src/app.js"  // 要打包的入口文件
    },
    output: {
        path: path.resolve(__dirname, "dist"), // 使用绝对路径，dist目录
        publicPath: './dist/',// todo 指定打包后页面加载的文件路径
        filename: "[name].bundle.js" // 或./dist/[name].[hash:5].js
    },
    module: {
        rules: [ // 定义css规则
            {
                test: /\.css$/, // 正则匹配要识别的scc
                use: [
                    {
                        loader: 'style-loader/url' // 使用style-loader进行处理，位置必须在css-loader前面
                    },
                    {
                        loader: 'file-loader' // 使用file-loader进行处理
                    }
                ]
                // use:['style-loader','file-loader']
            }
        ]
    }
}

const optimizeCss  = require('optimize-css-assets-webpack-plugin');

...........................................................................

plugins:[
        /*
        new webpack.ProvidePlugin({
            $:'jquery'
        }),
        
        new webpack.optimize.CommonsChunkPlugin({
            names:["bundle","manifest"] //manifest:抽取变动部分，防止第三方控件的多次打包
        }),*/

        new webpack.BannerPlugin('lzy-regx，lvshoutao@126.com，'+new Date().toLocaleDateString()),
 
        new webpack.optimize.UglifyJsPlugin({
            output: {
                //comments: false,  // remove all comments
            },compress:{
                warnings:false,
                drop_console:true
            }
        }),

        new ExtractTextWebpackPlugin({ //在plugins中配置属性
            filename: '[name].min.css' // 配置提取出来的css名称
        }),

        new optimizeCss() //压缩
    ],