zoukankan      html  css  js  c++  java
  • vue.config.js 配置 scss,less,sass全局配置 vuecli3

    module.exports = {
      /* 部署生产环境和开发环境下的URL:可对当前环境进行区分,baseUrl 从 Vue CLI 3.3 起已弃用,要使用publicPath */
      publicPath: process.env.NODE_ENV === 'production' ? '/public/' : '/',
      /* 输出文件目录:在npm run build时,生成文件的目录名称 */
      outputDir: process.env.VUE_APP_FLAG,
      /* 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 */
      assetsDir: "assets",
      /* 是否在构建生产包时生成 sourceMap 文件,false将提高构建速度 */
      productionSourceMap: false,
      /* 默认情况下,生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存,你可以通过将这个选项设为 false 来关闭文件名哈希。(false的时候就是让原来的文件名不改变) */
      filenameHashing: false,
      /* 代码保存时进行eslint检测 */
      lintOnSave: true,
      /* 注意sass,scss,less的配置 */
      css: {
        loaderOptions: {
          sass: {
            prependData: `
              @import "~@/assets/name.scss";
            `
          },
          scss: {
            prependData: `@import "~@/variables.scss";`
          },
          less:{
            globalVars: {
              primary: '#fff'
            }
          }
        }, // Enable CSS modules for all css / pre-processor files. // This option does not affect *.vue files.
      },
      /* webpack-dev-server 相关配置 */
      devServer: {
        /* 自动打开浏览器 */
        open: true,
        /* 设置为0.0.0.0则所有的地址均能访问 */
        host: '0.0.0.0',
        port: 80,
        https: false,
        hotOnly: false,
        /* 使用代理 */
        proxy: {
          '/api': {
            /* 目标代理服务器地址 */
            target: 'http://47.100.47.3/',
            /* 允许跨域 */
            changeOrigin: true,
          },
        },
      }
    }
  • 相关阅读:
    Screen-后台运行
    Env:ctags和Taglist安装与配置
    Env:Cscope安装与配置
    Env:VIM配置
    Env:zsh和fish安装和使用
    UIWebView与JS的深度交互-b
    利用Multipeer Connectivity框架进行WiFi传输-b
    iOS上绘制自然的签名-b
    1行代码为每个Controller自定义“TabBar”-b
    视频边下边播--缓存播放数据流-b
  • 原文地址:https://www.cnblogs.com/jiahuasir/p/12891425.html
Copyright © 2011-2022 走看看