# 基础资源系统

**Repository Path**: smart-cities-front/basic-resource-system

## Basic Information

- **Project Name**: 基础资源系统
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-11-11
- **Last Updated**: 2024-09-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 数字城管-应用维护子系统

## 依赖项安装
```
npm install
```
## 项目运行
```
npm run dev
```
## 开发环境打包
```
npm run build
```
目录：dist
## 测试环境打包
```
npm run build:test
```
目录：dist
## 生产环境打包
```
npm run build:production
```
目录：dist

## 变量文件
- 开发环境变量文件 .env.development
- 生产环境变量文件 .env.production
- 测试环境变量文件 .env.test

## 变量解释
- VUE_APP_ROOT_URL=执法项目一般接口
- VUE_APP_UPLOAD_URL=上传文件接口

## 所需代理配置
```nginx
server {
  location /v1 {
    proxy_pass VUE_APP_ROOT_URL;
  }
  location /upload {
    proxy_pass VUE_APP_UPLOAD_URL;
  }
}
```
## SCSS 全局变量，mixin引入
- 由于每次手动引入全局变量和mixin太麻烦了，将他们设置为全局引入
- 再去vscode上下个 SCSS IntelliSense 插件配合使用，会有代码提示，便于提高开发效率
```js
vue.config.js中全局引入设置
看自己package.json中有哪个loader就用哪个

module.exports = {
  css: {
    loaderOptions: {
      // 给 sass-loader 传递选项
      sass: {
        // @/ 是 src/ 的别名
        // 所以这里假设你有 `src/variables.sass` 这个文件
        // 注意：在 sass-loader v7 中，这个选项名是 "data"
        prependData: `@import "~@/variables.sass"`
      },
      // 默认情况下 `sass` 选项会同时对 `sass` 和 `scss` 语法同时生效
      // 因为 `scss` 语法在内部也是由 sass-loader 处理的
      // 但是在配置 `data` 选项的时候
      // `scss` 语法会要求语句结尾必须有分号，`sass` 则要求必须没有分号
      // 在这种情况下，我们可以使用 `scss` 选项，对 `scss` 语法进行单独配置
      scss: {
        prependData: `@import "~@/common/css/el-variable.scss";@import "~@/common/css/mixins.scss";`
      },
      // 给 less-loader 传递 Less.js 相关选项
      less:{
        // http://lesscss.org/usage/#less-options-strict-units `Global Variables`
        // `primary` is global variables fields name
        globalVars: {
          primary: '#fff'
        }
      }
    }
  }
}
```