react项目中，引入多个库的方式（ant-mobile, antd） （2020-05-20）

[yaogengzhu]

项目之前移动端可能用到pc 库，引入多个库的方式

const path = require("path");
const { addWebpackAlias, fixBabelImports, addLessLoader } = require("customize-cra");
const rewireCssModules = require("react-app-rewire-css-modules");
const theme = require('./package.json').theme


process.env.GENERATE_SOURCEMAP = "false"

module.exports = function override(config, env) {
    if (env === 'production') {
       config.devtool = 'none'
    }

    config.output.publicPath = './'
    config = addWebpackAlias({
        ["@"]: path.resolve(__dirname, "src"),
        'echarts': path.resolve(__dirname, "./src/assets/lib/echarts.min.js")
    })(config);
    config = rewireCssModules(config, env)
    // config.plugins.push(new BundleAnalyzerPlugin())
    // config.plugins.push(new StatsWriterPlugin({ fields: null, filename: "stats.json" }))
    config = fixBabelImports('import', {
        libraryName: 'antd-mobile',
        javascriptEnabled: true,
        style: true
    }, {
        "libraryName": "antd",
        javascriptEnabled: true,
        style: true
    })(config)
    // config = rewireLess.withLoaderOptions({modifyVars: theme})(config, env)
    
    addLessLoader({
        modifyVars: theme,
        javascriptEnabled: true
    })(config, env)

    return config
};