Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
@airtable/blocks-webpack-bundler
Advanced tools
This is a webpack bundler that can be used with @airtable/blocks-cli. This bundler allows you to customize the webpack config that is used when developing and bundling your Airtable app.
Install this package as a dependency of your Airtable app. Inside your app project folder, run
npm install @airtable/blocks-webpack-bundler --save-dev
bundler.js
inside your app project folder with the following contents:const createBundler = require('@airtable/blocks-webpack-bundler').default;
function createConfig(baseConfig) {
// Add any desired customizations here
return baseConfig;
}
exports.default = () => {
return createBundler(createConfig);
};
block.json
file, add a "bundler" field, with a "module" field inside that points
to your bundler file.{
"version": "1.0",
- "frontendEntry": "./frontend/index.js"
+ "frontendEntry": "./frontend/index.js",
+ "bundler": {
+ "module": "./bundler.js"
+ }
}
Here are some examples of how you can customize the webpack config via the bundler.js
file.
Support Sass/SCSS files:
const createBundler = require('@airtable/blocks-webpack-bundler').default;
function createConfig(baseConfig) {
baseConfig.module.rules.push({
test: /\.s[ac]ss$/i,
use: [
// Make sure you have installed these loaders in your package.json as well!
// See https://webpack.js.org/loaders/sass-loader/ for more info
'style-loader',
'css-loader',
'sass-loader',
],
});
return baseConfig;
}
exports.default = () => {
return createBundler(createConfig);
};
Support using flow to write your app:
const createBundler = require('@airtable/blocks-webpack-bundler').default;
function createConfig(baseConfig) {
baseConfig.module.rules.push({
test: /\.js$/,
exclude: [/node_modules/],
loader: 'babel-loader',
options: {
babelrc: false,
configFile: false,
presets: [
require.resolve('@babel/preset-env'),
require.resolve('@babel/preset-react'),
// Make sure you have installed this in your package.json by running
// `npm install @babel/preset-flow --save-dev`
require.resolve('@babel/preset-flow'),
],
},
});
return baseConfig;
}
exports.default = () => {
return createBundler(createConfig);
};
FAQs
Webpack bundler for @airtable/blocks-cli
We found that @airtable/blocks-webpack-bundler demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new set of license analysis and compliance features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.