vue.config.js的简单配置

vue.config.js的配置

const path = require('path')
const CompressionWebpackPlugin = require('compression-webpack-plugin')
// alias
function resolve(dir) {
   
  return path.join(__dirname, dir)
}

// 转为CND外链方式的npm包，键名是import的npm包名，键值是该库暴露的全局变量，参考https://webpack.js.org/configuration/externals/#src/components/Sidebar/Sidebar.jsx
const externals = {
   
  'vue': 'Vue',
  'vue-router': 'VueRouter',
  'vuex': 'Vuex',
  'axios': 'axios',
}

// 使用cdn外链的时候，需要修改public下边的index.html
// CDN外链，会插入到index.html中
const cdn = {
   
  // 开发环境
  dev: {
   
    css: [],
    js: []
  },
  // 生产环境
  build: {
   
    css: [
      'https://unpkg.com/mint-ui/lib/style.css'
    ],
    js: [
      'https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js',
      'https://cdn.jsdelivr.net/npm/vue-router@3.0.3/dist/vue-router.min.js',
      'https://cdn.jsdelivr.net/npm/vuex@3.1.0/dist/vuex.min.js',
      'https://cdn.jsdelivr.net/npm/axios@0.18.0/dist/axios.min.js',
    ]
  }
}

// 是否使用gzip
const productionGzip = true
// 需要gzip压缩的文件后缀
const productionGzipExtensions = ['js', 'css']

module.exports = {
   
  // 部署生产环境和开发环境下的URL。