码迷,mamicode.com
首页 > 其他好文 > 详细

vue-cli4中的配置项

时间:2020-05-15 00:14:03      阅读:441      评论:0      收藏:0      [点我收藏+]

标签:服务   put   proxy   runtime   assets   创建   load   com   cti   

vue-cli4之中默认没有vue.config.js,所以需要自己来创建配置。vue.config.js就是打包的一些配置。

这是一些比较基础的配置

module.exports = {
  // 公共路径(必须有的)
  publicPath: "./",
  // 输出文件目录
  outputDir: "dist",
  // 静态资源存放的文件夹(相对于ouputDir)
  assetsDir: "static",
  // eslint-loader 是否在保存的时候检查(果断不用,这玩意儿我都没装)
  lintOnSave:false,
  // 我用的only,打包后小些
  runtimeCompiler: false,
  productionSourceMap: true, // 不需要生产环境的设置false可以减小dist文件大小,加速构建
?
  devServer: {
    open: true,  // npm run serve后自动打开页面
    host: 0.0.0.0,  // 匹配本机IP地址(默认是0.0.0.0)
    port: 8080, // 开发服务器运行端口号
    proxy: null,
  },
}

按照自己的要求改一下就可以了,注意runtimeCompiler: false,,不能写成compiler,已经被废弃了。另外就是把assetsDir设置成 static,一般都是static目录,不然默认的会是assets。

之后进行打包

cnpm run build

 

vue-cli4中的配置项

标签:服务   put   proxy   runtime   assets   创建   load   com   cti   

原文地址:https://www.cnblogs.com/ranyihang/p/12892160.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!