var path=require('path')
var htmlWebpackPlugin=require('html-webpack-plugin')



module.exports={
    entry: path.join(__dirname,'./src/main.js'),
    output:{
        path:path.join(__dirname,'./dist'),
        filename:'bundle.js'
    },
    plugins:[
        //配置插件的节点
        new htmlWebpackPlugin({
            template:path.join(__dirname,'./src/index.html'),
            filename:'index.html' //设置生成的内存页面的名
        })

    ],
    module:{
        //配置所有第三方loader模块的节点
        rules:[
            {test:/\.css$/,use:['style-loader','css-loader']},
            { test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader'] },
            { test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'] }, // 配置 处理 scss 文件的规则

            {test:/\.(jpg|png|gif|bmp|jpeg)$/,use:'url-loader?limit=7000&name=-[hash:8]-[name].[ext]'},//处理图片路径的loader
            //limit 参数可以给定一个大小单位是byte，如果大于此值的时候就会进行base64编码，如果小于就不会进行base64编码 
            //且图片名会变成哈希值，使文件唯一了 不利于多次使用
            {test:/\.(ttf|eot|svg|woff|woff2)$/,use:'url-loader'},//处理字体文件的loader
            {test:/\.js$/,use:'babel-loader',exclude:/node_modules/},
            //使用babel来转化高级的Es语法

            {test:/\.vue$/,use:'vue-loader'}
            

        ]
    },
    resolve:{
        alias:{//alias 别名的意思
            //设置vue被导入时候包的路径
            
            // 'vue$':'vue/dis/vue.js'

        }
    }
}