vue.config.js 配置文件解读

module.exports = {
  // node_modules里的依赖默认是不会编译的,会导致es6语法在ie中的语法报错,
  // 所以需要在vue.config.js中使用transpileDependencies属性配置node_modules
  // 中指定哪些文件夹或文件需要编译.
  transpileDependencies: ture, // true的时候是全部编译
  publicPath: '/', // 部署应用包时的基本 URL
  outputDir: 'dist', // 打包时输出的文件目录
  assetsDir: '', // 设置放置打包生成的静态资源 (js、css、img、fonts) 的目录
  indexPath: 'index.html', // 用于设定打包生成的 index.html 文件的存储位置
  filenameHashing: true, // 文件名哈希
  pages: undefined, // 多页面配置
  lintOnSave: true, // 设置是否在开发环境下每次保存代码时都启用 eslint验证
  runtimeCompiler: false, // 是否使用包含运行时编译器的 Vue 构建版本
  // 每个文件打包后都会出现一个.map文件，.map文件会出现一定的网络安全问题，
  // 我们可以通过productionSourceMap进行操作，使打包的文件不在出现.map文件，
  // 打包后的文件体积也会减少。
  productionSourceMap: true, // 生产环境是否生成 sourceMap 文件
  crossorigin: undefined, // 设置生成的 HTML 中 <link rel="stylesheet"> 和 <script> 标签的         
  crossorigin 属性
  integrity: false, // 是否在生成的 HTML 中启用 Subresource Integrity (SRI)
  configureWebpack: {}, // webpack 配置
  chainWebpack: () => {}, // webpack 链式配置
  css: {
    modules: false, // 启用 CSS modules
    extract: true, // 是否使用 CSS 分离插件
    sourceMap: false, // 是否为 CSS 开启 source map
    loaderOptions: {}, // css-loader 选项
  },
  // 热更新
  devServer: {
    open: false, // npm run serve 时是否直接打开浏览器
    // 开发运行时域名，设置成'0.0.0.0',在同一个局域网下，如果你的项目在运行，
    // 同时可以通过你的http://ip:port/...访问你的项目
    host: '0.0.0.0', // 指定使用一个 host，默认是 localhost
    port: 8080, // 端口号
    https: false, // 是否使用 https
    hotOnly: false, // 是否开启热更新
    proxy: null, // 配置跨域代理
    before: app => {}, // 提供在服务器内部的其他中间件之前执行自定义中间件的能力
  },
  pluginOptions: {}, // 第三方插件配置
};