liximomo / Lazy Compile Webpack Plugin
Licence: mit
Boost webpack startup time by lazily compiling dynamic imports
Stars: ✭ 106
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Lazy Compile Webpack Plugin
python-makefun
Dynamically create python functions with a proper signature.
Stars: ✭ 62 (-41.51%)
Mutual labels: dynamic, compile
Webpack Require From
Webpack plugin that allows to configure path or URL for fetching dynamic imports
Stars: ✭ 142 (+33.96%)
Mutual labels: webpack, dynamic
Dynamic Cdn Webpack Plugin
Get your dependencies from a cdn rather than bundling them in your app
Stars: ✭ 312 (+194.34%)
Mutual labels: webpack, dynamic
React Echarts Modules
这个例子给你提供在react中使用echarts的最优方案
Stars: ✭ 185 (+74.53%)
Mutual labels: webpack, lazy
Angular Es6
Angular ES6 utility library. Write directives, controllers and services as ES6 classes.
Stars: ✭ 103 (-2.83%)
Mutual labels: webpack
Webpack Format Messages
Beautiful formatting for Webpack messages; ported from Create React App!
Stars: ✭ 103 (-2.83%)
Mutual labels: webpack
Ts React Boilerplate
Universal React App with Redux 4, Typescript 3, and Webpack 4
Stars: ✭ 104 (-1.89%)
Mutual labels: webpack
Webpack Boilerplate
📦 A sensible webpack 5 boilerplate.
Stars: ✭ 1,949 (+1738.68%)
Mutual labels: webpack
Forge React App
Start building React apps using TypeScript or ECMAScript
Stars: ✭ 104 (-1.89%)
Mutual labels: webpack
Es6 Webpack2 Starter
🚀 A template project for es6/7, webpack2/3, sass and postcss
Stars: ✭ 106 (+0%)
Mutual labels: webpack
React Bootstrap Webpack Starter
ReactJS 16.4 + new React Context API +react Router 4 + webpack 4 + babel 7+ hot Reload + Bootstrap 4 + styled-components
Stars: ✭ 103 (-2.83%)
Mutual labels: webpack
Buildpipeline
AWS-powered serverless build, test and deploy pipeline ft. multiple environments
Stars: ✭ 105 (-0.94%)
Mutual labels: webpack
Why
Starting the development server is taking you a long time when the codebase is large. You have tried dynamic imports, it only does a load-on-demand, the whole project was still been compiled. We don't want to wait a couple of minutes for a simple modification. People don't waste time for the things they have never used!
Install
# npm
npm i -D lazy-compile-webpack-plugin
# yarn
yarn add -D lazy-compile-webpack-plugin
Usage
const LazyCompilePlugin = require('lazy-compile-webpack-plugin');
module.exports = {
entry: 'index.js',
output: {
path: __dirname + '/dist',
filename: 'bundle.js',
},
plugins: [new LazyCompilePlugin()],
};
Options
Name | Type | Default | Description |
---|---|---|---|
refreshAfterCompile |
boolean |
false |
Enable/Disable page refresh when compilation is finish |
ignores |
RegExp[] | Function[] |
undefined |
Request to be ignored from lazy compiler |
refreshAfterCompile
Type: boolean
Default: false
Set false
for a seamless dev experience.
ignores
Type: RegExp[] | ((request: string, wpModule: object) => boolean)
Default: undefined
Request to be ignored from lazy compiler, html-webpack-plugin
is always ignored.
Specifically, an Angular app should enable this option like following:
new LazyCompileWebpackPlugin({
ignores: [
/\b(html|raw|to-string)-loader\b/,
/\bexports-loader[^?]*\?exports\.toString\(\)/
],
});
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].