javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-15 11:01:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: improve css2json and apply-css loaders

Browse Source 
optimize vendor chunks
This commit is contained in:
Igor Randjelovic
2020-11-20 22:49:53 +01:00
parent 288444c05c
commit b1bc2640db
4 changed files with 57 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
packages/webpack5/src/configuration/base.ts
View File

@ -8,12 +8,11 @@ import {
getPlatform,
} from '../helpers/project';
import TransformNativeClass from '../transformers/NativeClass';
import { CleanWebpackPlugin } from 'clean-webpack-plugin';
import { DefinePlugin } from 'webpack';
import { WatchStateLoggerPlugin } from '../plugins/WatchStateLoggerPlugin';
import TerserPlugin from 'terser-webpack-plugin';
import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
export default function (config: Config, env: IWebpackEnv): Config {
const entryPath = getEntryPath();
@ -56,6 +55,22 @@ export default function (config: Config, env: IWebpackEnv): Config {
},
]);
config.optimization.splitChunks({
cacheGroups: {
defaultVendor: {
test: /[\\/]node_modules[\\/]/,
priority: -10,
name: 'vendor',
chunks: 'all',
// test: (module) => {
// const moduleName = module.nameForCondition ? module.nameForCondition() : '';
// return /[\\/]node_modules[\\/]/.test(moduleName);
// },
// enforce: true
},
},
});
// look for loaders in
// - node_modules/@nativescript/webpack/dist/loaders
// - node_modules
@ -107,7 +122,7 @@ export default function (config: Config, env: IWebpackEnv): Config {
},
getCustomTransformers() {
return {
before: [TransformNativeClass],
before: [require('../transformers/NativeClass')],
};
},
});
@ -127,8 +142,8 @@ export default function (config: Config, env: IWebpackEnv): Config {
.use('apply-css-loader')
.loader('apply-css-loader')
.end()
.use('css-loader')
.loader('css-loader');
.use('css2json-loader')
.loader('css2json-loader');
// set up scss
config.module
@ -168,6 +183,8 @@ export default function (config: Config, env: IWebpackEnv): Config {
// },
// ]);
config.plugin('BundleAnalyzerPlugin').use(BundleAnalyzerPlugin);
// add the WatchStateLogger plugin used to notify the CLI of build state
config.plugin('WatchStateLoggerPlugin').use(WatchStateLoggerPlugin);