let path = require('path');
let htmlWebpackPlugin = require('html-webpack-plugin');
let VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
  entry:'./src/main.js',
  output:{
    filename:'bundle.js',
    path:path.resolve('./dist')
  },
  module:{
    rules:[
      //模塊解析規(guī)則
      //匹配所有的js,用babel-loader轉(zhuǎn)義，排除node_modules
      {test:/\.js$/,use:'babel-loader',exclude:/node_modules/},
      {test:/\.css$/,use:['style-loader','css-loader']},
      {test:/\.less$/,use:['style-loader','scc-loader','less-loader']},
      //轉(zhuǎn)換base64只在8192字節(jié)下轉(zhuǎn)化。其他情況下輸出圖片
      {test:/\.(jpg|gif|png)$/,use:'url-loader?limit=8192'},
      //配置一些小圖標(biāo)單獨寫
      // {test:/\.(eot|svg|woff|woff2|wtf)$/,use:'url-loader'},
      {test:/\.vue$/,use:'vue-loader'}
    ]
  },
  plugins:[
    new htmlWebpackPlugin({
      template:'./src/index.html'
    }),
     new VueLoaderPlugin()
  ]
}