ef9ecd9ce2
* build: move typecheck/lint out of build * build: add typecheck to test action * build: fix lint to use gitignore * fix: correctly lint/check * fix: simplify lint * build: back out eslint array-ification * test(lint): add comment RE config/typings * build: clarify craco webpack plugin mods * build: simplify craco webpack with functional methods * build: rm unused IgnorePlugin * test(lint): order imports
76 lines
2.8 KiB
JavaScript
76 lines
2.8 KiB
JavaScript
/* eslint-env node */
|
|
const { VanillaExtractPlugin } = require('@vanilla-extract/webpack-plugin')
|
|
const { execSync } = require('child_process')
|
|
const EsLintWebpackPlugin = require('eslint-webpack-plugin')
|
|
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin')
|
|
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
|
|
const { DefinePlugin } = require('webpack')
|
|
|
|
const isProduction = process.env.NODE_ENV === 'production'
|
|
const commitHash = execSync('git rev-parse HEAD').toString().trim()
|
|
|
|
module.exports = {
|
|
babel: {
|
|
plugins: ['@vanilla-extract/babel-plugin'],
|
|
env: {
|
|
test: {
|
|
plugins: ['istanbul'],
|
|
},
|
|
development: {
|
|
plugins: ['istanbul'],
|
|
},
|
|
},
|
|
},
|
|
jest: {
|
|
configure(jestConfig) {
|
|
return Object.assign({}, jestConfig, {
|
|
transformIgnorePatterns: ['@uniswap/conedison/format', '@uniswap/conedison/provider'],
|
|
moduleNameMapper: {
|
|
'@uniswap/conedison/format': '@uniswap/conedison/dist/format',
|
|
'@uniswap/conedison/provider': '@uniswap/conedison/dist/provider',
|
|
},
|
|
})
|
|
},
|
|
},
|
|
webpack: {
|
|
plugins: [new VanillaExtractPlugin({ identifiers: 'short' })],
|
|
configure: (webpackConfig) => {
|
|
webpackConfig.plugins = webpackConfig.plugins
|
|
.filter((plugin) => {
|
|
// Type checking and linting are only necessary as part of development and testing.
|
|
// Omit them from production builds, as they slow down the feedback loop.
|
|
if (isProduction) {
|
|
if (plugin instanceof ForkTsCheckerWebpackPlugin) return false
|
|
if (plugin instanceof EsLintWebpackPlugin) return false
|
|
}
|
|
|
|
return true
|
|
})
|
|
.map((plugin) => {
|
|
// Extend process.env with dynamic values (eg commit hash).
|
|
// This will make dynamic values available to JavaScript only, not to interpolated HTML (ie index.html).
|
|
if (plugin instanceof DefinePlugin) {
|
|
Object.assign(plugin.definitions['process.env'], {
|
|
REACT_APP_GIT_COMMIT_HASH: JSON.stringify(commitHash),
|
|
})
|
|
}
|
|
|
|
// CSS ordering is mitigated through scoping / naming conventions, so we can ignore order warnings.
|
|
// See https://webpack.js.org/plugins/mini-css-extract-plugin/#remove-order-warnings.
|
|
if (plugin instanceof MiniCssExtractPlugin) {
|
|
plugin.options.ignoreOrder = true
|
|
}
|
|
|
|
return plugin
|
|
})
|
|
|
|
// We're currently on Webpack 4.x which doesn't support the `exports` field in package.json.
|
|
// Instead, we need to manually map the import path to the correct exports path (eg dist or build folder).
|
|
// See https://github.com/webpack/webpack/issues/9509.
|
|
webpackConfig.resolve.alias['@uniswap/conedison'] = '@uniswap/conedison/dist'
|
|
|
|
return webpackConfig
|
|
},
|
|
},
|
|
}
|