const path = require('path') //调用node.js中的路径
const VueLoaderPlugin = require('vue-loader/lib/plugin')
module.exports = {
  entry: {
    index: './src/main.js', //需要打包的文件
  },
  output: {
    filename: '[name].js', //输入的文件名是什么，生成的文件名也是什么
    path: path.resolve(__dirname, '../dist'), //指定生成的文件目录
  },
  mode: 'development', //开发模式，没有对js等文件压缩，默认生成的是压缩文件
  module: {
    rules: [
      // postcss-loader解决一些浏览器不兼容css代码的问题
      { test: /\.css$/, use: ['style-loader', 'css-loader', 'postcss-loader'] },
      // 配置less加载器
      { test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader'] },
      //exclude为排除项，意思是不要处理node_modules中的js文件
      { test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ },
      { test: /\.vue$/, loader: 'vue-loader' },
    ],
  },
  plugins: [new VueLoaderPlugin()],
}