mini-css-extract-plugin Questions

1

I'm trying to use CSS modules for html, produced by html-webpack-plugin. Code to reproduce error src/index.ejs <div class="<%= require('./item.css').foo %>"></div> src/styles...
Slavocracy asked 2/1, 2020 at 19:25

2

Solved

I am using MiniCssExtractPlugin in my typescript and webpack project. My webpack config for the MiniCssExtractPlugin looks like const path = require("path"); const HtmlWebpackPlugin = require("ht...
Turgot asked 2/4, 2018 at 21:37

3

I am new to that webpack thing and following some tutorials to learn basics. I would like to use style-loader to inject stylesheets during development (with HMR enabled) and want to use MiniCssExt...
Bedridden asked 14/4, 2019 at 17:42

1

Solved

We use webpack to bundle our resources before deployment. However, now we want to also bundle our sass files through webpack is it simplifies our build process. Now, we do have an issue where the M...
Helga asked 21/10, 2019 at 15:42

2

I need to create multiple theme CSS files using webpack version 4 and "mini CSS extract plugin" in my react project. Depends on a place where webpack will find an import of the SCSS file, it should...
Gossipy asked 14/4, 2019 at 19:16

1

Solved

I can't seem to get source maps to work with the mini-css-extract-plugin. I had them working with style-loader. devtool: argv.mode === 'development' ? 'eval' : 'none', [...] test: /\.scss$|\.css...

1

I'm using mini-css-extract-plugin module now, and setting its chunkFilename value and make sure the value of "[id].css" by running it. However, I couldn't see the file. The reference is below. ht...
Kelda asked 19/1, 2019 at 13:26

1

Trying to add vue (and SFCs) to my webpack app. The <template> and <script> blocks work fine, but for some reason the styles in the <style> block are not being extracted for produ...
Patroclus asked 12/12, 2018 at 5:58

0

This is what I have tried in my vue.config.js: module.exports = { configureWebpack: { optimization: { splitChunks: { cacheGroups: { styles: { name: 'styles', test: /\.css$/, chunks: 'all',...
Geothermal asked 28/9, 2018 at 20:28

3

Solved

I've created webpack config to my VueJS project. I want to separate styles from javascript code. I've used mini-css-extract-plugin but finally I receive only bundle.js file. What's wrong with this ...
Stagecoach asked 18/5, 2018 at 17:13

1

Solved

When using webpack 2(or 3), I could write code like: const coreStyles = new ExtractTextPlugin('./styles/core.bundle.css'); const componentStyles = new ExtractTextPlugin('./styles/components.bundle...

1

Solved

I have following structure for styles in my application: application - css/ - bootstrap/ - boostrap.less -> has (@import "another.less") - another.less - common/ - common.less - entries...

1

I am using MiniCssExtractPlugin to lazyload CSS files in my React application. I have given publicPath option for MiniCssExtractPlugin but it is not taking this option value, it is taking output.pu...
Reside asked 27/6, 2018 at 5:58

0

I'm getting this problem of duplicated css files under dist/css My webpack configuration is as follows: webpack.base.config.js /* eslint quote-props: ['off'] */ 'use strict' const path =...
Landwaiter asked 1/6, 2018 at 19:58

© 2022 - 2024 — McMap. All rights reserved.