const path = require('path');
const resolve = filename => path.resolve(__dirname, filename);

module.exports = {
    pages: {
        index: {
            // page 的入口
            entry: 'src/main.js',
            // 模板来源
            template: 'public/index.html',
            // 在 dist/index.html 的输出
            filename: 'index.html',
            // 当使用 title 选项时，
            // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
            title: process.env.VUE_APP_TITLE,
            // 在这个页面中包含的块，默认情况下会包含
            // 提取出来的通用 chunk 和 vendor chunk。
            chunks: ['chunk-vendors', 'chunk-common', 'index']
        }
    },
    chainWebpack: config => {
        config.resolve.alias
            .set('src', resolve('src'))
            .set('assets', resolve('src/assets'))
            .set('components', resolve('src/components'))
            .set('directives', resolve('src/directives'))
            .set('utils', resolve('src/utils'))
            .set('views', resolve('src/views'));
    },
    css: {
        loaderOptions: {
            sass: {
                data: `@import "assets/styles/index.scss";`
            }
        }
    },
    devServer: {
        port: 9004,
        open: true,
        proxy: null,
        hotOnly: false,
        https: false
    },
    runtimeCompiler: true
};