9得票3回答
如何在启用CSS模块化时排除Bootstrap文件

我正在使用引入css-loader的模块选项,同时使用Bootstrap和CSS模块。不幸的是,css-loader也会对Bootstrap文件进行作用域限制。 我有一个名为app.scss的文件,其中引入了所有Bootstrap的Sass文件。在我的app.js文件中,我将app.scss...

9得票1回答
Webpack CSS输出始终是压缩的。

针对我特定的项目,我需要控制CSS的缩小并仅缩小某些文件。我已经非常接近一个可行的解决方案,使用OptimizeCSSAssetsPlugin,在其中使用assetNameRegExp选项来选择要缩小的CSS文件。 我已经花了一段时间尝试弄清楚为什么所有其他的 CSS 文件仍然被缩小。原来,...

8得票5回答
如何在Webpack 4中跳过JavaScript输出?

我在一个项目中使用Webpack 4,目前只需要编译和打包样式表,没有Javascript。 以下是我的配置: const path = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plug...

8得票1回答
React中使用导入的CSS文件时,在CSS样式上出现"无效属性值(Invalid Property Value)"的问题。

我正在尝试为React组件设置样式。为了实现这一点,我将导入一个css文件,并使用如ReactJs文档中所示的className。 我已经按照以下方式在我的webpack.config.js文件中添加了css-loader + style-loader: const path = requ...

8得票2回答
使用Storybook webpack 5导入CSS模块出错

我正在一个简单的项目中使用webpack 5和Storybook,尽管为storybook自定义了webpack配置,但仍然在CSS模块导入方面遇到了挑战。 (2:7) src/stories/header.css Unknown word 1 | > 2 | im...

8得票1回答
css-loader / style-loader存在错误。

我在两台不同的电脑上遇到了同样的问题。为了进行开发,我安装了以下依赖项:(webpack webpack-cli @babel/core @babel/preset-env @babel/preset-react babel-loader css-loader style-loader htm...

8得票2回答
如何在webpack 2的字符串模式下使用CSS Loader移除所有注释?

我在webpack 2中使用这个配置 { test: /\.css$/i, use: ExtractTextPlugin.extract({ use: 'css-loader?minimize' ...

8得票1回答
如何在webpack的css-loader中使用@font-face?

我正在尝试使用webpack将一些字体(如Roboto)导入到我的项目中,但它们都没有生效。 我的文件结构如下: +-src---fonts-+-Roboto---Roboto.ttf | | | +-fonts.css | +-webpac...

8得票1回答
在JavaScript / TypeScript文件中使用[hash:base64:5]

我正在使用Webpack在Angular项目中使用CSS模块。我已经使用postcss-modules转换了.css和.scss文件中的类名。 然后,我使用posthtml-css-modules将HTML元素中类属性的值更改为由postcss-modules定义的哈希值。 我可以说一切都...

7得票1回答
如果在文件系统中找不到图像文件,我们是否可以让Webpack忽略它们?

提前致谢。 我有以下webpack配置: { test: /\.scss$/, use: extractPlugin.extract({ use: [ { loader: 'css-l...