const path = require("path")
const DllReferencePlugin = require("webpack/lib/DllReferencePlugin.js");
const AddAssetHtmlWebpackPlugin = require('add-asset-html-webpack-plugin')

const resolve = filePath => path.resolve(__dirname, './', filePath)
const buildConfig = {publicPath: "/plain-ui-doc-v3/"}
process.env.VUE_APP_ENV = JSON.stringify(buildConfig)

module.exports = {
    publicPath: buildConfig.publicPath,
    outputDir: resolve('docs'),
    devServer: {port: '3332',},
    pages: {
        index: {
            entry: resolve('src/pages/index/main.tsx'),
            template: 'public/index.html',
            filename: 'index.html',
            title: 'plain-ui.v3 在线文档',
            chunks: ['chunk-vendors', 'chunk-common', 'index'],
        },
        run: {
            entry: resolve('src/pages/run/main.tsx'),
            template: 'public/index.html',
            filename: 'run.html',
            title: 'plain runner',
            chunks: ['chunk-vendors', 'chunk-common', 'run'],
        },
    },
    css: {
        loaderOptions: {
            sass: {
                prependData: `@import "src/style/global.scss";`
            },
        }
    },
    configureWebpack: {
        module: {rules: [{test: /.md$/, loader: 'text-loader'},]},
        externals: {
            vue: 'Vue',

        },
        plugins: [
            new AddAssetHtmlWebpackPlugin([
                {filepath: resolve('src/lib/markdown/markdown-it-attrs.js')},
                {filepath: resolve('src/lib/vue.global.js')},
                {filepath: resolve('src/lib/babel.min.js')},
                {filepath: resolve('src/lib/parse-xml.min.js')},
                {filepath: resolve('src/lib/prism/prism.js')},
                {filepath: resolve('src/lib/prism/prism.css'), typeOfAsset: 'css'},
                {filepath: resolve('dll/dll.js')},
                {filepath: resolve('src/lib/iconfont_js/iconfont.js')},
                {filepath: resolve('src/lib/iconfont_css/iconfont.css'), typeOfAsset: 'css'},
            ]),
            new DllReferencePlugin({
                manifest: require("./dll/dll.manifest.json"),
            }),
        ],
    },
    chainWebpack: config => {
        config.plugins.delete('prefetch-index').delete('preload-index');
        config.resolve.alias.delete('vue$');
        config.plugin('html-index').tap((args) => {
            args[0].chunksSortMode = 'manual'
            return args
        })
    }
}