Build,import themes plugin.bundle.js with Webpack in symfony
When do I run npm run watch in symfony then I got warning: "./locale" in plugin/bundle.js.
INFO: "assets/global/plugin/bundle.js" imported at app.js (assets/app.js)".
//app.js => path: assets/app.js
import './bootstrap.js';
import './config.js';
import moment from 'moment';
/*
* Welcome to your app's main JavaScript file!
*
* We recommend including the built version of this JavaScript file
* (and its CSS file) in your base layout (base.html.twig).
*/
// any CSS you import will output into a single css file (app.css in this case)
import './cms/assets/plugins/global/plugins.bundle.css'
import './cms/assets/css/style.bundle.css'
import './cms/assets/plugins/global/plugins.bundle.js';
import './cms/assets/js/scripts.bundle.js';
Replies (1)
Hi,
The warning ./locale in plugin/bundle.js typically happens because Webpack is trying to resolve and bundle all the locales provided by the moment library. Since moment includes a lot of locales you might not need, this can unnecessarily increase your JavaScript bundle size.
Make sure you’re not importing any unnecessary locales in your app.js. For example:
import moment from "moment";
// Explicitly import only the locales you need
import "moment/locale/en";
import "moment/locale/fr";
// Set the default locale
moment.locale("en");
This should help reduce the bundle size and remove the warning.
ReUI
Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.
