const path = require('path')
const webpack = require('webpack')
function resolve (dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  transpileDependencies: ['/@intlify'],
  css: {
    /* loaderOptions: {
      // scss变量全局应用
      scss: {
        prependData: '@import "~@/assets/css/main.scss";'
      }
    }, */
    sourceMap: false // 开启浏览器调试css定位
  },
  chainWebpack: (config) => {
    config.resolve.alias // 路径别名
      .set('@', resolve('./src'))
    config.plugin('webpack.DefinePlugin').use(new webpack.DefinePlugin({
      __INTLIFY_PROD_DEVTOOLS__: JSON.stringify(false)
    }))
  },
  lintOnSave: true,
  devServer: {
    port: 80
  },
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.mjs$/,
          include: /node_modules/,
          type: 'javascript/auto'
        }
      ]
    }
  }
}