Git Product home page Git Product logo

Comments (1)

ducthangho avatar ducthangho commented on July 16, 2024

You can create a custom bundler using webpack as attached.
The part in webpack config (v5) is
module: {
rules: [{
test: /.(?:m?j|t)sx?$/,
include: [/node_modules/],
resolve: {
// Modules in node_modules might have a package.json
// stating "type": "module" (such as
// @babel/runtime/helpers/esm). In such a case any
// import statements are required to have mandatory file
// extensions.
//
// See:
// https://nodejs.org/api/esm.html#esm_mandatory_file_extensions
//
// To disable this set this resolution option to false.
fullySpecified: false,
},
}, {
test: /.(?:m?j|t)sx?$/,
exclude: [/node_modules/],
// loader: require.resolve('babel-loader'),
use: [{
loader: "babel-loader",
options: {
// Disable reading babel configuration
babelrc: false,
configFile: false,

                        // The configration for compilation
                        presets: [
                            ["@babel/preset-env", presetEnvOptions],
                            "@babel/preset-react",
                        ],
                        plugins: [
                            "@babel/plugin-proposal-class-properties",
                            "@babel/plugin-proposal-object-rest-spread", [
                                "import", {
                                    "libraryName": "antd",
                                    "libraryDirectory": "es",
                                    "style": "css"
                                },
                                "antd"
                            ],
                            [
                                'import', {
                                    "libraryName": '@ant-design/icons',
                                    "libraryDirectory": 'es/icons',
                                },
                                'antd-icons',
                            ],
                        ]
                    }
                }, ]
                // options: babelOptions,
        }, {
            test: /.s?css$/,
            type: "asset/inline",
            use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
        }, {
            test: /\.(png|svg|jpg|jpeg|gif)$/i,
            include: [
                PATHS.src
            ],
            type: "asset/resource",
        }, {
            test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
            exclude: [/node_modules/],
            use: [{
                loader: '@svgr/webpack',
                options: {
                    babel: true,
                    icon: true,
                },
            }, {
                loader: "file-loader"
            }, ],

            type: "javascript/auto",
            issuer: /\.(js|ts)x?$/
        }, {
            test: /\.mjs$/,
            include: /node_modules/,
            type: 'javascript/auto'
        }],
    },

webpack_airtable.zip

from blocks.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.