For questions please post on Stack Overflow and use the 'webpack' tag (http://stackoverflow.com/tags/webpack).
vankop on 12472
lint fix (compare)
vankop on 12472
fix discussions (compare)
sokra on v5.17.0
sokra on master
5.17.0 (compare)
Encore
as it does almost everything I needed. That said, if memory serves me right, I think you may have to use the url-loader along with your other CSS loaders to fix paths in CSS.
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.
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.
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.
Entrypoint undefined = index.html
entry: ["react-hot-loader/patch", `${SRC_DIR}/index.js`],
undefined
?
module.exports = [
{
...webpackConfig,
...resolveConfig,
...{
entry: customEntry,
plugins: enhancedPlugin,
output: customOutput
},
externals
},
{
...webpackConfig,
...resolveConfig,
...{
entry: customEntry,
plugins: enhancedPlugin,
module: { ...webpackModule, ...{ rules: enhancedRules } }
}
}
];
I actually want one normal bundling for all files and one special library bundling for one specific file. Now things are working in my favor. (It's not perfect) But I want the order to be specified.