前端开发常见问题

问题描述

前端开发时经常引入依赖包，但是有些直接引入会出现各种问题，因此特别记录一下，日后定期完善。

问题与解决方案

1、问题：为了开发效率，经常会引用scss/sass ,但是直接引用会出现Module build failed: TypeError: this.getResolve is not a function错误，其原因是版本过高导致。

   npm uninstall sass-loader（卸载当前版本）
   npm install sass-loader@7.3.1 --save-dev

2、问题：控制当前开发环境，需要通过修改process.env 的值，而Vue的不同版本可以选择不同方式

a、通过cross-env修改，需要更新或新增vue、vue-loader、vue-template-compiler，

   需要注意的是vue-template-compiler需要跟Vue的版本一致

b、通过在根目录创建.env 文件，可以通过vim  .env.*** 输入内容保存创建

  需要注意1、package.json 文件中 --mode ***  便是 .env.*** 

   "scripts": {
        "dev": "vue-cli-service serve",
        "devB": "vue-cli-service serve --mode developmentB",
         "build": "vue-cli-service build --mode testA",
          "buildB": "vue-cli-service build --mode testB",
         "prod": "vue-cli-service build"
    }

默认 serve 对应 development ; build 对应 production

3、问题 vue3.0之后取消了vue.config 文件，需要对webpack进行配置需要在根目录创建vue.config.js