vue_cli的vue.config.js文件常用配置

Posted 码妈

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue_cli的vue.config.js文件常用配置相关的知识,希望对你有一定的参考价值。

vue_cli的vue.config.js文件

vue.config.js文件常用配置

module.exports = {
  // 手机端访问
  // devServer: {
  //   disableHostCheck: false,安装命令
  //   host: '0.0.0.0',
  //   port: 8080,
  //   https: false,
  //   hotOnly: false,
  //   proxy: null
  // },
  // 配置彻底懒加载
  chainWebpack: config => {
    config.plugins.delete('prefetch')
    // 删除index.html开头的带有prefetch属性的link,不要异步下载暂时不需要的页面组件文件
  },
  // 配置http-proxy代理方式跨域
  // devServer: {
  //   proxy: {
  //     // 凡是以/开头的相对路径,都交给DevServer代为发送请求
  //     '/': {
  //       target: 'https://apis.map.qq.com/ws/geocoder/v1',
  //       changeOrigin: true // 开启跨域
  //     }
  //   }
  // },
  // 配置html-loader插件
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\\.(html)$/,
          exclude: /node_modules/,
          use: {
            loader: 'html-loader',
            options: {
              minimize: true
            }
          }
        }
      ]
    }
  }
}

以上是关于vue_cli的vue.config.js文件常用配置的主要内容,如果未能解决你的问题,请参考以下文章

vue.config.js常用配置

vue.config.js常用配置

vue常用中vue.config.js配置

Vue---Vue.config常用配置项

vue.config.js的常用配置

vue.config.js更细粒度的配置webpack