const path=require('path')

//这个配置文件，其实就是一个node文件，通过node中的模块操作，向外暴露了一个配置对象

//导入在内存中生成html的插件
//只要是插件都要放到plugins中去
const htmlWebpackPlugin=require('html-webpack-plugin')

const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports={
  entry:path.join(__dirname,"./src/main.js"),//入口
  output:{//输出文件配置
    path:path.join(__dirname,"./dist"),
    filename:'bundle.js'//指定输出文件的名称
  },
  plugins: [
      new htmlWebpackPlugin({//创建一个在内存中生成html页面的插件
        template: path.join(__dirname,"./src/index.html"),//指定模板页面
        filename: "index.html"//指定生成的页面的名称
      }),
    new VueLoaderPlugin()
  ],
  module: {
    //这个结点用于配置所有的第三方模块加载器
    rules: [//所有第三方模块的匹配规则
      {test:/\.css$/,use:['style-loader','css-loader']},//配置处理css文件的第三方loader模块规则,test里面是正则表达式
      {test: /\.less$/,use:['style-loader','css-loader','less-loader']},//配置处理less文件的规则
      {test: /\.scss$/,use:['style-loader','css-loader','sass-loader']},//配置处理scss文件规则
      {test:/\.jpg|png|gif|bmp|jpeg$/,use:'url-loader'},//配置处理url
      {test:/\.js$/,use:'babel-loader', exclude: /node_modules/},//配置bable转换高级的es语法
      {test:/\.vue$/, use: 'vue-loader'},
      {
        test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
        loader: 'file-loader'
      }
]
  },
  resolve: {
    alias: {//设置vue被导入时候的包路径
      // "vue$":"vue/dist/vue.js"
    }
  }

}