const path = require('path');

const Timestamp = new Date().getTime();

const VerNumber = '0.0.0.1'

var webpack = require('webpack')

module.exports = {

  publicPath: "./",

  outputDir: "dist",

chainWebpack: config => {

    config.module

         .rule('css')

         .test(/\.css$/)

         .oneOf('vue')

         .resourceQuery(/\?vue/)

         .use('px2rem')

         .loader('px2rem-loader')

         .options({

                 remUnit: 75

         })

},

  css: {

    // 配置css模块

    loaderOptions: {

      // 向预处理器 Loader 传递配置选项

      less: {

        // 配置less（其他样式解析用法一致）

        javascriptEnabled: true // 设置为true

      }

    }

  },

  configureWebpack: { // webpack 配置

    output: {

      filename: `[name].${VerNumber}.${Timestamp}.js`,

      chunkFilename: `[name].${VerNumber}.${Timestamp}.js`,

    },

    plugins: [

      new webpack.ProvidePlugin({

        $: 'jquery',

        jQuery: 'jquery',

        'window.jQuery': 'jquery',

        'root.jQuery': 'jquery'

      })

    ]

  },

  productionSourceMap: false,

  devServer: {

    open: "Chrome",

    port: 8099,

    host: "0.0.0.0",

    proxy: {

      "/api": {

        target: "http://xxxxxxxxx",

        changeOrigin: true,

        pathRewrite: { "^/api": "" }

      }

    }

  },

  pluginOptions: {

    'style-resources-loader': {

      preProcessor: 'less',

      patterns: [path.resolve(__dirname, './src/assets/less/global.less')]

    }

  }

};