chain-saasui/vue.config.js

chain-saasui

'use strict'
const { log } = require('console')
const path = require('path')

function resolve(dir) {
    return path.join(__dirname, dir)
}


// vue.config.js 配置说明
// 官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
// 这里只列一部分，具体配置参考文档
module.exports = {
    // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
    outputDir: 'dist',
    // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
    assetsDir: 'static',
    // 是否开启eslint保存检测，有效值：ture | false | 'error'
    lintOnSave: false,
    // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
    productionSourceMap: false,
    configureWebpack: {
        resolve: {
            alias: {
                '@': path.resolve(__dirname, './src'),
            }
        },
    },
    // rules: [
    //     {
    //         test: /\.scss$/,
    //         use: [
    //             'style-loader',  // 注入 CSS 到 DOM
    //             'css-loader',    // 处理 CSS 文件
    //             'sass-loader'    // 处理 Sass 文件
    //         ],
    //     },
    // ],
}