For questions please post on Stack Overflow and use the 'webpack' tag (http://stackoverflow.com/tags/webpack).
@johnmarinelli Most issues I've run into are more to do with how Webpack functions rather than anything else. E.g. I find Webpack's
externals option to be very lacking as it merely creates a wrapper around globally defined variables and provides no mechanism to actually include external libraries from a CDN. Thus, when the global variable is not defined it throws an error.
@harshit786 I think this is a case where you are simply using Webpack wrong. Just because you can reference Webpack outputs from the
dist folder doesn't mean you should. Doing so is often discouraged because it creates a client-side caching issue. I.e. the browser caches the page and it's assets separately. However, if the page has not been modified, the browser may not check if the assets have been. If you want to continue using static pages.. then I would recommend making your html files your Webpack entrypoints and using the html-loader in combination with the extract-loader. Encore doesn't support processing of HTML files so you would have tell it to load the additional loaders required to do so.
@deAtog I see, thanks for the input. funny that you bring the externals issue up - i have been configuring our webpack config and have been spending a lot of time with the externals option (and this plugin https://github.com/liady/webpack-node-externals), so i can cherry-pick which modules i want to include for a given entry point
my company was considering migrating to Encore but we have a 10 year old project with lots of code, so we are continuing with our custom config
@jakeacooley can you post a config. what do you mean "when i refresh" - you refresh the page?
is this file being dynamically imported?
hello, i'm using style-loader with css-loader and i'm trying to add some styles to a class I've added via JS using the DOM, and have imported my
styles.css within my index.js but i'm still nto seeing the styles being applied to my custom class. however if i change the style of something like body then the style is applied.
;c
Hope i could help you in a couple of years
but there is a property in configuration file
For just one file, for the others I still need to use '[hash]'
I've got a weird thing in the shell
Entrypoint undefined = index.html
My code
entry: ["react-hot-loader/patch", `${SRC_DIR}/index.js`],
It doesn't break anything, my webpack works like a charm, but why I've got this
undefined?
module.exports = [
{
...webpackConfig,
...resolveConfig,
...{
entry: customEntry,
plugins: enhancedPlugin,
output: customOutput
},
externals
},
{
...webpackConfig,
...resolveConfig,
...{
entry: customEntry,
plugins: enhancedPlugin,
module: { ...webpackModule, ...{ rules: enhancedRules } }
}
}
];
@asimqt here is the entrypoint for Multi-config webpack: https://github.com/webpack/webpack/blob/master/lib/webpack.js#L35
it looks like order should be whatever you have in module.exports
mm.. I tried that. In my local system, the order is fine and it's building in different order. Is there a chance that the
compiler.run(callback) code will run it in parellel?
@johnmarinelli
Thanks.
i think it does though. we use a multi config, but it's an Object, not an Array. the order is the same each time and is alphabetical
I'm using css-loader to import CSS files while also doing css-in-js using bs-css after the css-loader import has been loaded.
The problem - it seems like the css order between the two files is not deterministic. Sometimes one loads ahead, other times it's the other. Are there any ways to control where styles will be loaded onto the page?
ive spent the last few days trying to get my CRA app ported to electron :(