Comments (1)
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'
}],
},
from blocks.
Related Issues (20)
- Fail to run block-cli v2.0.0.beta 2
- Henrique Otrilha
- viewport.isFullScreen not working
- Old Firefox v52 target in preset-env breaking build
- Cannot Install Package - ERR! Cannot read property 'split' of null
- ENOENT: no such file or directory, chmod HOT 1
- Support node v16 HOT 1
- Upgrade blocks-cli to work with latest node version and fix block release
- Enable WebAssembly
- webpack < 5 used to include polyfills for node.js HOT 1
- Support newer version of React, at least 17 HOT 1
- CellRenderer cropping cell Value
- onKeyPress on Input component
- Does the Airtable team look at github issues?
- localhost SSL expired
- Downloading template repos assumes a branch named "master" HOT 1
- Cannot update extension: receiving `airtableApiUnexpectedError` when running `block submit` HOT 1
- ExpandRecord function suddenly starts bugging
- `chrome://flags/#allow-insecure-localhost` no longer supported from Chrome 119 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from blocks.