记录我在工作中遇到的问题

文章目录

• vue
• • vue-cli

vue

vue-cli

这里讲述的是我在使用vue-cli时遇到的问题
vue-cli 官方文档地址
vue-cli2 文档地址

Vue-cli2项目运行后http://0.0.0.0:8080地址无法打开 也 没有自动打开浏览器

问题

在公司遇到一个老项目，发现启动之后本地地址是http://0.0.0.0:8080的，而且也没有自动打开浏览器，点击这个地址之后是这样的

然后在本地地址才能够打开

解决办法

设置自动打开浏览器 修改配置文件
Vue 运行后自动打开浏览器的解决办法——转载
config/index.js

将文件autoOpenBrowser: true,字段修改为true可以自动打开浏览器

然后发现并还是无法访问此网站，最后将host原来的0.0.0.0改为localhost或127.0.0.1可以访问

这时候就会思考一个问题，为什么要设置host为0.0.0.0呢？
vue项目dev运行0.0.0.0导致无法打开——转载
但是我在项目中配置，仍然不起作用，因此我只更改了host，设置为127.0.0.1,若是在之后的工作学习中到解决该方法会实时更新。
分享文章 手撕vue-cli配置文件——config篇

vue-cli打包之后禁止控制台输出

在vue.config.js中配置webpack

首先安装：npm install uglifyjs-webpack-plugin --save-dev

在vue.config.js中引入：

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

在module.exports中使用：

optimization: {
      minimizer: [
        new UglifyJsPlugin({
          uglifyOptions: {
            output: { // 删除注释
              comments: false
            },
            //生产环境自动删除console
            compress: {
              // warnings: false, // 若打包错误，则注释这行
              drop_debugger: true,  //清除 debugger 语句
              drop_console: true,   //清除console语句
              pure_funcs: ['console.log']
            }
          },
          sourceMap: false,
          parallel: true
        })
      ]
    }

uglifyjs-webpack-plugin——npm查询
uglifyjs-webpack-plugin——webpack官方文档

最后在推荐一个博主写的vue.config.js打包优化，十分详细有用vue.config.js打包优化(有效)——转载