const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
     entry:{
        main:"./src/main.js"//去设置主模块 进行入口的
     },
     output:{
        path: __dirname + '/dist'  //相对的输入模块
     },
     mode:"development", //设置为开发环境
     module: {
        rules: [
          {
            test: /\.css$/i,
            use: ['style-loader', 'css-loader']
          },
          {
            test: /\.(png|jpg|gif)$/i,
            type: 'asset/resource'
          }
        ]
      },module: {
        rules: [
          {
            test: /\.css$/i,
            use: ['style-loader', 'css-loader']
          },
          {
            test: /\.(png|jpg|gif)$/i,
            type: 'asset/resource'
          }
        ]
      },
      plugins: [
        new HtmlWebpackPlugin({
          template: './public/index.html',
          title: 'vue-study'
        }),
        new VueLoaderPlugin()
      ],
}