Stab in the dark, is this function inside a class? Arrow functions that are members of a class are not included in ES2015 (or 2016). If you want to do something like: class Foo { bar = (baz) => { console.log(baz); } } You’ll need to include babel-transform-class-properties. In your example, you’ll need to: npm … Read more
A solution is to pre-build packages for each language, and have a proxy detect which bundle to serve as default. From the Angular docs on i8n: Merge with the AOT compiler The AOT (Ahead-of-Time) compiler is part of a build process that produces a small, fast, ready-to-run application package. When you internationalize with the AOT … Read more
Out of the box, nest cli does not support including the node_modules dependencies into the dist bundle. However, there are some community examples of custom webpack configs that include the dependencies in the bundle, e.g. bundled-nest. As described in this issue, it is necessary to include the webpack.IgnorePlugin to whitelist unused dynamic libraries.
After more searching it turned out that I’m not the only one confused about how to use this option correctly. Issues from the GitHub repo of css-loader: https://github.com/webpack-contrib/css-loader/issues/765 Also see @guidobouman excellent explanation here: https://github.com/webpack-contrib/css-loader/issues/228#issuecomment-312885975 So this answers my question (quoted literally): importLoaders only has effect on unresolved @imports. So when using postCSS with nextCSS … Read more
Trying for the simplest explanation. This is the file that will be transpiled and bundled: //app.js import “my-static-module”; if(some_condition_is_true){ import (“my-dynamic-module”) } console.log(“My app is running”) Now see how different optimization types will treat it. async (default): Two files will be created. bundle.js (includes app.js + my-static-module) chunk.js (includes my-dynamic-module only) initial: Three files will … Read more
Solved remove the bootstrap entry from package.json and replace it with “bootstrap”: “4.0.0-alpha.6”, in resources/assets/sass/app.scss, comment out the import of variables. change the path of bootstrap to @import “node_modules/bootstrap/scss/bootstrap.scss”; in resources/assets/js/bootstrap.js, look for require(‘bootsrap-sass’); and change it to require(‘bootstrap’); Link!
im doing someting like this in my Webpack 4 configuration. const MiniCssExtractPlugin = require(“mini-css-extract-plugin”) module: { rules: [ { test: /\.scss$/, use: [ MiniCssExtractPlugin.loader, { loader: “css-loader”, options: { modules: true, sourceMap: true, importLoader: 2 } }, “sass-loader” ]} ] }, plugins: [ new MiniCssExtractPlugin({ // Options similar to the same options in webpackOptions.output // … Read more
Answer to own question! Spoiler: false. module.exports = { devtool: isProd ? false : ‘source-map’, } In Webpack 4 it was possible to value this with an empty string. webpack 5 is more strict. Webpacks devtool configuration.
Providing “skipLibCheck”: true to tsconfig.json compilerOptions solved problem in my case
Just add this in your .storybook/main.js const path = require(‘path’); module.exports = { “stories”: [ “../components/**/*.stories.mdx”, “../components/**/*.stories.@(js|jsx|ts|tsx)” ], “addons”: [ “@storybook/addon-links”, “@storybook/addon-essentials”, ‘@storybook/preset-scss’, ], webpackFinal: async (config) => { config.resolve.alias = { …config.resolve.alias, ‘@/interfaces’: path.resolve(__dirname, “../interfaces”), }; return config; } } here interface is folder at my project root It works For Me