const path = require('path');

const HtmlWebpackPlugin= require('html-webpack-plugin');

const CleanWebpackPlugin = require('clean-webpack-plugin')

var ManifestPlugin = require('webpack-manifest-plugin');

const webpack= require('webpack');

module.exports = {

  entry: {

    main: './src/main.js'

  },

  devServer: {

      historyApiFallback: true,

    contentBase: './dist'

  },

  module: {

      rules: [

      {

          test: /\.css$/,

          use: ['style-loader', 'css-loader']

      },{

            test: /\.(png|jpg|gif|svg)$/,

            //loader是use[{loader}]的简写

        loader: 'file-loader',

        options: {

              name: '[name].[ext]?[hash]'

        }

    },{

        test: /\.vue$/,

        loader: 'vue-loader',

        options: {

              loaders: {

            'scss': 'vue-style-loader!css-loader!sass-loader',

            'sass': 'vue-style-loader!css-loader!sass-loader?indentedSyntax',

              }

              // other vue-loader options go here

        }

      }

      ]

  },

  devtool: 'inline-source-map',

  output: {

      //非覆盖更新

    filename: '[name].js',

    path: path.resolve(__dirname, 'dist'),

    publicPath: '/a/'

    },

};

import chunk1 from './chunk1'

import chunk2 from './chunk2'

import aa from './aa.css'

var jquery =require('jquery')

var angular =require('angular')

console.log(333)

document.onclick= function(){

    console.log(aa)

}

console.log(jquery('body'))

console.log(angular)

if(module.hot){

    module.hot.accept('./chunk1.js');

}

var chunk1=2;

var a= 12399

exports.chunk1=chunk1;