text: var path = require("path");
  var htmlWebpackPlugin = require("html-webpack-plugin")
  var VueLoaserPlugin = 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({
              template: path.join(__dirname, "./src/index.html"),
              filename: "index.html"
          }),
          new VueLoaserPlugin()
      ],
      module:{
          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"]},
              // 处理图片的loader
              {test:/\.(jpg|png|gif|bmp|jpeg)$/, use:"url-loader?limit=20433&name=[hash:8]-[name].[ext]"},
              // limit 给定的值，是图片的大小，单位是byte，如果我们引用的图片大于或者等于给定的limit值，
              // 则不会被转为base64格式的字符串，如果图片小于给定的limit值，则会被转为base64的字符串
  
              // 处理字体文件的loader
              {test:/\.(ttf|eot|svg|woff|woff2|otf)$/, use: 'url-loader'},
  
              // 配置Babel来转换高级的ES语法
              {test: /\.js$/, use: "babel-loader", exclude: /node_modules/},
              
              // 处理.vue文件的loader
              {test: /\.vue$/, use: "vue-loader"},
  
          ]
  
      },
      resolve:{
          alias:{ // 修改Vue被导入时候的包的路径
              // "vue$": "vue/dist/vue.js"
          }
      }
  };