scratchfoundation/scratch-webpack-configuration
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-webpack-configuration.git synced 2025-02-17 02:50:17 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #28 from MiroslavDionisiev/monorepo-integration

Browse source 
Monorepo integration
This commit is contained in:
Miroslav Dionisiev 2024-07-29 10:03:08 +03:00 committed by GitHub
commit 704b528a2c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 2288 additions and 425 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2625
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

7
package.json
View file

@ -44,7 +44,14 @@
},
"peerDependencies": {
"@babel/preset-env": "^7.24.0",
"autoprefixer": "^9.0.1",
"babel-loader": "^9.1.3",
"css-loader": "5.2.7",
"postcss-import": "^12.0.0",
"postcss-loader": "4.3.0",
"postcss-simple-vars": "^5.0.1",
"style-loader": "4.0.0",
"url-loader": "4.1.1",
"webpack": "^5.90.3"
}
}

81
src/index.cjs
View file

@ -2,6 +2,7 @@ const path = require('path');
const merge = require('lodash.merge');
const nodeExternals = require('webpack-node-externals');
const webpack = require('webpack');
const DEFAULT_CHUNK_FILENAME = 'chunks/[name].[chunkhash].js';
@ -33,8 +34,9 @@ class ScratchWebpackConfigBuilder {
* @param {boolean} [options.enableReact] Whether to enable React and JSX support.
* @param {string} [options.libraryName] The name of the library to build. Shorthand for `output.library.name`.
* @param {string|URL} [options.srcPath] The absolute path to the source files. Defaults to `src` under `rootPath`.
* @param {boolean} [options.shouldSplitChunks] Whether to enable spliting code to chunks.
*/
constructor ({distPath, enableReact, libraryName, rootPath, srcPath}) {
constructor ({ distPath, enableReact, libraryName, rootPath, srcPath, shouldSplitChunks }) {
const isProduction = process.env.NODE_ENV === 'production';
const mode = isProduction ? 'production' : 'development';
@ -42,6 +44,7 @@ class ScratchWebpackConfigBuilder {
this._rootPath = toPath(rootPath) || '.'; // '.' will cause a webpack error since src must be absolute
this._srcPath = toPath(srcPath) ?? path.resolve(this._rootPath, 'src');
this._distPath = toPath(distPath) ?? path.resolve(this._rootPath, 'dist');
this._shouldSplitChunks = shouldSplitChunks
/**
* @type {Configuration}
@ -54,11 +57,15 @@ class ScratchWebpackConfigBuilder {
} : path.resolve(this._srcPath, 'index'),
optimization: {
minimize: isProduction,
splitChunks: {
chunks: 'all',
filename: DEFAULT_CHUNK_FILENAME
},
mergeDuplicateChunks: true
...(
shouldSplitChunks ? {
splitChunks: {
chunks: 'all',
filename: DEFAULT_CHUNK_FILENAME,
},
mergeDuplicateChunks: true
} : {}
)
},
output: {
clean: true,
@ -91,6 +98,12 @@ class ScratchWebpackConfigBuilder {
{
test: enableReact ? /\.[cm]?jsx?$/ : /\.[cm]?js$/,
loader: 'babel-loader',
exclude: [
{
and: [/node_modules/],
not: [/node_modules[\\/].*scratch/]
}
],
options: {
presets: [
'@babel/preset-env',
@ -123,11 +136,60 @@ class ScratchWebpackConfigBuilder {
// Previously achievable by using `raw-loader`.
resourceQuery: /^\?(source|raw)$/,
type: 'asset/source'
}
},
{
test: /\.hex$/,
use: [{
loader: 'url-loader',
options: {
limit: 16 * 1024
}
}]
},
...(
enableReact ? [
{
test: /\.css$/,
use: [
{
loader: 'style-loader'
},
{
loader: 'css-loader',
options: {
modules: {
namedExport: false,
localIdentName: '[name]_[local]_[hash:base64:5]',
exportLocalsConvention: 'camelCase'
},
importLoaders: 1,
esModule: false
}
},
{
loader: 'postcss-loader',
options: {
postcssOptions: {
plugins: [
'postcss-import',
'postcss-simple-vars',
'autoprefixer'
]
}
}
}
]
}
] : []
)
],
},
plugins: []
plugins: [
new webpack.ProvidePlugin({
Buffer: ['buffer', 'Buffer']
})
]
};
}
@ -139,7 +201,8 @@ class ScratchWebpackConfigBuilder {
libraryName: this._libraryName,
rootPath: this._rootPath,
srcPath: this._srcPath,
distPath: this._distPath
distPath: this._distPath,
shouldSplitChunks: this._shouldSplitChunks
}).merge(this._config);
}