vue-cli3.5之vue.config.js

网上查的一些配置,方便查看,有问题欢迎大家指出,只是一些说明,方便查阅,不要拷贝,会报错!!

module.exports = {

  // 部署应用包时的基本URL。

  // https://www.app.com/ => '/'

  // https://www.app.com/my-app/ => '/my-app/'

  // 如果值为空字符串 '' 或者是相对路径 './', 都会被链接为相对路径

  //好像被废弃了,使用publicPath 部署应用包时的基本URL。用法和webpack本身的output.publicPath一致。

  //但在cli的其它地方也会用到这个值,所以请不要直接修改webpack的output.publicPath

  //baseUrl: process.env.NODE_ENV === 'production' ? '/' : '/',

  publicPath : '/',

  // 生成环境构建文件的目录。构建时传入 --no-clean 可关闭该行为

  outputDir: 'dist',

  // 放置生成的静态资源(js, css, img, fonts)d的(相对于 outputDir 的)目录

  assetsDir: '',

  // 指定生成的 index.html 的输出路径 (相对于 outputDir ).也可以是一个绝对路径

  indexPath: 'index.html',

  // 生成的静态资源在它们的文件名中包含了hash以便更好的控制缓存。

  // 如果你无法使用Vue CLI生成的 index THML,你可以通过将这个选项设为 false 来关闭文件名哈希

  filenameHashing: true,

  pages: {

    index: {

      // 页面入口

      entry: 'src/main.js',

      // 模板来源

      template: 'public/index.html',

      // 在 dist/index.html 的输出

      filename: 'index.html',

      // 当使用 title 选项时,

      // template 中的 title 标签需要是 <%= htmlWebpackPlugin.options.title %>

      title: 'hello-world',

      // 在这个页面中包含的块,默认情况下会包含提取出来的通用 chunk 和 vendor chunk

      chunks: [ 'chunk-vendors', 'chunk-common', 'index']

    },

    // 当使用只有入口的字符串格式时,

    // 模板会被推导为 `public/subpage.html`

    // 并且如果找不到的话,就回退到 `public/index.html`

    // 输出文件名会被推导为 `subpage.html`

    subpage: 'src/main.js'

  },

  // 在生成构建时禁用 eslint-loader

  lintOnSave: process.env.NODE_ENV !== 'production',

  // 是否使用包含运行时编译器的Vue构建版本,

  // 设置为 true 后你就可以在 Vue 组件中使用 template 选项了,但是这会让你的应用额外增加 10kb 左右

  runtimeCompiler: false,

  // 默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖,可以在这个选项中列出来

  transpileDependencies: [],

  // 如果你不需要生产环境的 source map, 可以将其设置为 false 以加速生产环境构建

  productionSourceMap: true,

  // 设置生产的 HTML 中

你可能感兴趣的:(vue-cli3.5之vue.config.js)