How to use getCopyWebpackPlugin method in Cypress

1"use strict";2var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {3    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }4    return new (P || (P = Promise))(function (resolve, reject) {5        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }6        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }7        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }8        step((generator = generator.apply(thisArg, _arguments || [])).next());9    });10};11Object.defineProperty(exports, "__esModule", { value: true });12const apis = require("@tarojs/taro-h5/dist/taroApis");13const runner_utils_1 = require("@tarojs/runner-utils");14const CopyWebpackPlugin = require("copy-webpack-plugin");15const csso_webpack_plugin_1 = require("csso-webpack-plugin");16const sass = require("sass");17const HtmlWebpackPlugin = require("html-webpack-plugin");18const lodash_1 = require("lodash");19const fp_1 = require("lodash/fp");20const MiniCssExtractPlugin = require("mini-css-extract-plugin");21const path_1 = require("path");22const UglifyJsPlugin = require("uglifyjs-webpack-plugin");23const webpack = require("webpack");24const _1 = require(".");25const postcss_conf_1 = require("../config/postcss.conf");26const makeConfig = (buildConfig) => __awaiter(void 0, void 0, void 0, function* () {27    const sassLoaderOption = yield runner_utils_1.getSassLoaderOption(buildConfig);28    return Object.assign(Object.assign({}, buildConfig), { sassLoaderOption });29});30exports.makeConfig = makeConfig;31const defaultUglifyJsOption = {32    keep_fnames: true,33    output: {34        comments: false,35        keep_quoted_props: true,36        quote_keys: true,37        beautify: false38    },39    warnings: false40};41const defaultCSSCompressOption = {42    mergeRules: false,43    mergeIdents: false,44    reduceIdents: false,45    discardUnused: false,46    minifySelectors: false47};48const defaultBabelLoaderOption = {49    babelrc: false,50    plugins: [51        require.resolve('babel-plugin-syntax-dynamic-import'),52        [53            require.resolve('babel-plugin-transform-react-jsx'),54            {55                pragma: 'Nerv.createElement'56            }57        ],58        [59            require.resolve('babel-plugin-transform-taroapi'),60            {61                apis,62                packageName: '@tarojs/taro-h5'63            }64        ]65    ]66};67const defaultMediaUrlLoaderOption = {68    limit: 1024069};70const defaultFontUrlLoaderOption = {71    limit: 1024072};73const defaultImageUrlLoaderOption = {74    limit: 1024075};76const defaultCssModuleOption = {77    enable: false,78    config: {79        namingPattern: 'global',80        generateScopedName: '[name]__[local]___[hash:base64:5]'81    }82};83const getLoader = (loaderName, options) => {84    return {85        loader: require.resolve(loaderName),86        options: options || {}87    };88};89const listify = listOrItem => {90    if (Array.isArray(listOrItem)) {91        return listOrItem;92    }93    return [listOrItem];94};95const getPlugin = (plugin, args) => {96    return {97        plugin,98        args99    };100};101const mergeOption = ([...options]) => {102    return _1.recursiveMerge({}, ...options);103};104const processEnvOption = lodash_1.partial(fp_1.mapKeys, key => `process.env.${key}`);105exports.processEnvOption = processEnvOption;106const getStyleLoader = fp_1.pipe(mergeOption, lodash_1.partial(getLoader, 'style-loader'));107const getCssLoader = fp_1.pipe(mergeOption, lodash_1.partial(getLoader, 'css-loader'));108const getPostcssLoader = fp_1.pipe(mergeOption, lodash_1.partial(getLoader, 'postcss-loader'));109const getResolveUrlLoader = fp_1.pipe(mergeOption, lodash_1.partial(getLoader, 'resolve-url-loader'));110const getSassLoader = fp_1.pipe(mergeOption, lodash_1.partial(getLoader, 'sass-loader'));111const getLessLoader = fp_1.pipe(mergeOption, lodash_1.partial(getLoader, 'less-loader'));112const getStylusLoader = fp_1.pipe(mergeOption, lodash_1.partial(getLoader, 'stylus-loader'));113const getBabelLoader = fp_1.pipe(mergeOption, lodash_1.partial(getLoader, 'babel-loader'));114const getUrlLoader = fp_1.pipe(mergeOption, lodash_1.partial(getLoader, 'url-loader'));115const getExtractCssLoader = () => {116    return {117        loader: MiniCssExtractPlugin.loader118    };119};120const getMiniCssExtractPlugin = fp_1.pipe(mergeOption, listify, lodash_1.partial(getPlugin, MiniCssExtractPlugin));121exports.getMiniCssExtractPlugin = getMiniCssExtractPlugin;122const getHtmlWebpackPlugin = fp_1.pipe(mergeOption, listify, lodash_1.partial(getPlugin, HtmlWebpackPlugin));123exports.getHtmlWebpackPlugin = getHtmlWebpackPlugin;124const getDefinePlugin = fp_1.pipe(mergeOption, listify, lodash_1.partial(getPlugin, webpack.DefinePlugin));125exports.getDefinePlugin = getDefinePlugin;126const getHotModuleReplacementPlugin = lodash_1.partial(getPlugin, webpack.HotModuleReplacementPlugin, []);127exports.getHotModuleReplacementPlugin = getHotModuleReplacementPlugin;128const getUglifyPlugin = ([enableSourceMap, uglifyOptions]) => {129    return new UglifyJsPlugin({130        cache: true,131        parallel: true,132        sourceMap: enableSourceMap,133        uglifyOptions: _1.recursiveMerge({}, defaultUglifyJsOption, uglifyOptions)134    });135};136exports.getUglifyPlugin = getUglifyPlugin;137const getCssoWebpackPlugin = ([cssoOption]) => {138    return fp_1.pipe(mergeOption, listify, lodash_1.partial(getPlugin, csso_webpack_plugin_1.default))([defaultCSSCompressOption, cssoOption]);139};140exports.getCssoWebpackPlugin = getCssoWebpackPlugin;141const getCopyWebpackPlugin = ({ copy, appPath }) => {142    const args = [143        copy.patterns.map(({ from, to }) => {144            return {145                from,146                to: path_1.resolve(appPath, to),147                context: appPath148            };149        }),150        copy.options151    ];152    return lodash_1.partial(getPlugin, CopyWebpackPlugin)(args);153};154exports.getCopyWebpackPlugin = getCopyWebpackPlugin;155const sassReg = /\.(s[ac]ss)\b/;156const lessReg = /\.less\b/;157const stylReg = /\.styl\b/;158const styleReg = /\.(css|s[ac]ss|less|styl)\b/;159const styleModuleReg = /(.*\.module).*\.(css|s[ac]ss|less|styl)\b/;160const styleGlobalReg = /(.*\.global).*\.(css|s[ac]ss|less|styl)\b/;161const jsxReg = /\.jsx?$/;162const mediaReg = /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/;163const fontReg = /\.(woff2?|eot|ttf|otf)(\?.*)?$/;164const imageReg = /\.(png|jpe?g|gif|bpm|svg)(\?.*)?$/;165const isNodeModule = (filename) => /\bnode_modules\b/.test(filename);166exports.isNodeModule = isNodeModule;167const taroModuleRegs = [168    /@tarojs[/\\_]components/, /\btaro-components\b/169];170const isTaroModule = (filename) => taroModuleRegs.some(reg => reg.test(filename));171exports.isTaroModule = isTaroModule;172const defaultEsnextModuleRegs = [173    /@tarojs[/\\_]components/, /\btaro-components\b/,174    /@tarojs[/\\_]taro-h5/, /\btaro-h5\b/,175    /@tarojs[/\\_]router/, /\btaro-router\b/,176    /@tarojs[/\\_]redux-h5/, /\btaro-redux-h5\b/,177    /@tarojs[/\\_]mobx-h5/, /\btaro-mobx-h5\b/178];179const getEsnextModuleRules = esnextModules => {180    return [181        ...defaultEsnextModuleRegs,182        ...esnextModules183    ];184};185exports.getEsnextModuleRules = getEsnextModuleRules;186const getModule = (appPath, { staticDirectory, designWidth, deviceRatio, enableExtract, enableSourceMap, styleLoaderOption, cssLoaderOption, lessLoaderOption, sassLoaderOption, stylusLoaderOption, fontUrlLoaderOption, imageUrlLoaderOption, mediaUrlLoaderOption, esnextModules = [], postcss, babel }) => {187    const postcssOption = postcss || {};188    const defaultStyleLoaderOption = {189        sourceMap: enableSourceMap190        /**191         * 移除singleton设置，会导致样式库优先级发生错误192         * singleton: true193         */194    };195    const cssModuleOptions = _1.recursiveMerge({}, defaultCssModuleOption, postcssOption.cssModules);196    const { namingPattern, generateScopedName } = cssModuleOptions.config;197    const cssOptions = [198        {199            importLoaders: 1,200            sourceMap: enableSourceMap,201            modules: false202        },203        cssLoaderOption204    ];205    const cssOptionsWithModule = [206        Object.assign({207            importLoaders: 1,208            sourceMap: enableSourceMap,209            modules: {210                mode: namingPattern === 'module' ? 'local' : 'global'211            }212        }, {213            modules: typeof generateScopedName === 'function'214                ? { getLocalIdent: (context, _, localName) => generateScopedName(localName, context.resourcePath) }215                : { localIdentName: generateScopedName }216        }),217        cssLoaderOption218    ];219    const additionalBabelOptions = Object.assign(Object.assign({}, babel), { sourceMap: enableSourceMap });220    const esnextModuleRules = getEsnextModuleRules(esnextModules);221    /**222     * isEsnextModule223     *224     * 使用正则匹配判断是否是es模块225     * 规则参考：https://github.com/webpack/webpack/blob/master/lib/RuleSet.js#L413226     */227    const isEsnextModule = (filename) => esnextModuleRules.some(pattern => {228        if (pattern instanceof RegExp) {229            return pattern.test(filename);230        }231        else {232            return filename.indexOf(pattern) > -1;233        }234    });235    const styleLoader = getStyleLoader([236        defaultStyleLoaderOption,237        styleLoaderOption238    ]);239    const topStyleLoader = getStyleLoader([240        defaultStyleLoaderOption,241        { insertAt: 'top' },242        styleLoaderOption243    ]);244    const extractCssLoader = getExtractCssLoader();245    const lastStyleLoader = enableExtract ? extractCssLoader : styleLoader;246    /**247     * css-loader 1.0.0版本移除了minimize选项...升级需谨慎248     *249     * https://github.com/webpack-contrib/css-loader/releases/tag/v1.0.0250     */251    const cssLoader = getCssLoader(cssOptions);252    const cssLoaders = [{253            use: [cssLoader]254        }];255    if (cssModuleOptions.enable) {256        const cssLoaderWithModule = getCssLoader(cssOptionsWithModule);257        let cssModuleCondition;258        if (cssModuleOptions.config.namingPattern === 'module') {259            /* 不排除 node_modules 内的样式 */260            cssModuleCondition = styleModuleReg;261        }262        else {263            cssModuleCondition = {264                and: [265                    { exclude: styleGlobalReg },266                    { exclude: [isNodeModule] }267                ]268            };269        }270        cssLoaders.unshift({271            include: [cssModuleCondition],272            use: [cssLoaderWithModule]273        });274    }275    const postcssLoader = getPostcssLoader([276        { sourceMap: enableSourceMap },277        {278            ident: 'postcss',279            plugins: postcss_conf_1.getPostcssPlugins(appPath, {280                designWidth,281                deviceRatio,282                postcssOption283            })284        }285    ]);286    const resolveUrlLoader = getResolveUrlLoader([]);287    const sassLoader = getSassLoader([{288            sourceMap: true,289            implementation: sass290        }, sassLoaderOption]);291    const lessLoader = getLessLoader([{ sourceMap: enableSourceMap }, lessLoaderOption]);292    const stylusLoader = getStylusLoader([{ sourceMap: enableSourceMap }, stylusLoaderOption]);293    const rule = {};294    rule.sass = {295        test: sassReg,296        enforce: 'pre',297        use: [resolveUrlLoader, sassLoader]298    };299    rule.less = {300        test: lessReg,301        enforce: 'pre',302        use: [lessLoader]303    };304    rule.styl = {305        test: stylReg,306        enforce: 'pre',307        use: [stylusLoader]308    };309    rule.css = {310        test: styleReg,311        oneOf: cssLoaders312    };313    rule.postcss = {314        test: styleReg,315        use: [postcssLoader],316        exclude: [filename => {317                if (isTaroModule(filename)) {318                    return true;319                }320                else if (isEsnextModule(filename)) {321                    return false;322                }323                else {324                    return isNodeModule(filename);325                }326            }]327    };328    rule.taroStyle = {329        test: styleReg,330        enforce: 'post',331        use: [topStyleLoader],332        include: [(filename) => isTaroModule(filename)]333    };334    rule.customStyle = {335        test: styleReg,336        enforce: 'post',337        use: [lastStyleLoader],338        exclude: [(filename) => isTaroModule(filename)]339    };340    rule.jsx = {341        test: jsxReg,342        use: {343            babelLoader: getBabelLoader([defaultBabelLoaderOption, additionalBabelOptions])344        }345    };346    rule.media = {347        test: mediaReg,348        use: {349            urlLoader: getUrlLoader([defaultMediaUrlLoaderOption, Object.assign({ name: `${staticDirectory}/media/[name].[ext]` }, mediaUrlLoaderOption)])350        }351    };352    rule.font = {353        test: fontReg,354        use: {355            urlLoader: getUrlLoader([defaultFontUrlLoaderOption, Object.assign({ name: `${staticDirectory}/fonts/[name].[ext]` }, fontUrlLoaderOption)])356        }357    };358    rule.image = {359        test: imageReg,360        use: {361            urlLoader: getUrlLoader([defaultImageUrlLoaderOption, Object.assign({ name: `${staticDirectory}/images/[name].[ext]` }, imageUrlLoaderOption)])362        }363    };364    return { rule };365};366exports.getModule = getModule;367const getOutput = (appPath, [{ outputRoot, publicPath, chunkDirectory }, customOutput]) => {368    return Object.assign({ path: path_1.join(appPath, outputRoot), filename: 'js/[name].js', chunkFilename: `${chunkDirectory}/[name].js`, publicPath }, customOutput);369};370exports.getOutput = getOutput;371const getDevtool = ({ enableSourceMap, sourceMapType }) => {372    return enableSourceMap ? sourceMapType || 'cheap-module-eval-source-map' : 'none';373};...

...110}111/**112 * 复制插件113 */114function getCopyWebpackPlugin() {115  return new CopyWebpackPlugin([{116    from: copyWebpackPluginFromPath,117    to: outputPath118  }], {119    context: SPAModulesPath120  });121}122/**123 * 获取 ExtractTextPlugin124 */125function getMiniCssExtractPlugin() {126  return new MiniCssExtractPlugin({127    filename: '[name]/css/[id]-style.css',128  });...

...90        getFontsLoader(env)91    ]92    webpackConfig.plugins.push(getHardSourcePlugin());93    webpackConfig.plugins.push(getCleanWebpackPlugin())94    webpackConfig.plugins.push(getCopyWebpackPlugin())95    webpackConfig.plugins.push(getRemHtmlWebpackPlugin())96    for (let entryKey in entries) {97        webpackConfig.plugins.push(getJadeHtmlWebpackPlugin(entryKey))98    }99    webpackConfig.plugins.push(getHtmlWebpackPugPlugin())100    webpackConfig.plugins.push(getConcatPlugin(env))101    webpackConfig.plugins.push(getLodashModuleReplacementPlugin())102    // webpackConfig.plugins.push(getBundleAnalyzerPlugin())103    webpackConfig.optimization.splitChunks = getSplitChunksPlugin()104    webpackConfig.optimization.chunkIds = 'named'105    if (isProduction) {106        webpackConfig.plugins.push(getMiniCssExtractPlugin())107        webpackConfig.plugins.push(getEnvironmentPlugin(env))108        webpackConfig.optimization.minimizer = [...

...38function mergePluginsAndLoaders(config, userConfig, env, root){39    var extendFields = userConfig.extend;40    var loaders = [], plugins = [];41    var dllplugin = getDllPlugin(root, userConfig);42    var copyplugin = getCopyWebpackPlugin(root, userConfig);43    dllplugin && plugins.push(dllplugin);44    copyplugin && plugins.push(copyplugin);45    if(extendFields){46        if(extendFields.module && extendFields.module.loaders){47            loaders = loaders.concat(parseLoaders(userConfig.extend.module.loaders));48            extendFields.module.loaders = loaders;49        }50        if(extendFields.plugins){51            plugins = plugins.concat(parsePlugins(userConfig.extend.plugins));52        }53        extendFields.plugins = plugins;54        if(plugins || loaders){55            config = merge(true, config, extendFields);56        }57    }else{58        config = merge(true, config, {59            plugins: plugins60        })61    }62    return config63}64function getDllPlugin(root, userConfig){65    var library = userConfig.library;66    var projTmp = utils.getProjectTMPDIR(root);67    if(library && Object.keys(library).length > 0){68        //TODO 遍历`dll`目录中的文件,添加`manifest.json`69        log.debug('webpackConfig -', 'use dll file', projTmp + "/dll/lib-manifest.json");70        return new webpack.DllReferencePlugin({71            context: root,72            manifest: require(path.join(projTmp, "/dll/lib-manifest.json"))73        })74    }75}76function getCopyWebpackPlugin(root, userConfig){77    var statics = userConfig.statics;78    if(statics){79        if(!Array.isArray(statics)){80            statics = [statics];81        }82        return new CopyWebpackPlugin(statics)83    }...

...53    // 改动54    ...utils.getHtmlWebpackPlugin(baseWebpackConfig),55    // copy custom static assets56    // 改动57    ...utils.getCopyWebpackPlugin()58  ]59})60module.exports = new Promise((resolve, reject) => {61  portfinder.basePort = process.env.PORT || config.dev.port62  portfinder.getPort((err, port) => {63    if (err) {64      reject(err)65    } else {66      // publish the new Port, necessary for e2e tests67      process.env.PORT = port68      // add port to devServer config69      devWebpackConfig.devServer.port = port70      // Add FriendlyErrorsPlugin71      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({...

...31    getHtmlWebpackPlugin(),32    getInterpolateHtmlPlugin(),33    getHtmlWebpackHarddiskPlugin(),34    getMiniCssExtractPlugin(),35    getCopyWebpackPlugin(),36  ].filter(Boolean);37};...

...5const getCopyWebpackPlugin = require('./plugins/copy-webpack-plugin');6module.exports = {7  mode: 'production',8  optimization: getOptimization(),9  plugins: [getImageminPlugin(), getBrotliPlugin(), getCleanPlugin(), getCopyWebpackPlugin()],...

...4 * @memberOf module:Plugins5 * @return {Plugin}6 * @see https://www.npmjs.com/package/copy-webpack-plugin7 */8function getCopyWebpackPlugin() {9  return new CopyPlugin({10    patterns: [{ from: 'public', to: 'public' }],11  });12}...