mini-css-extract-plugin模块的chunkFilename有什么作用？

文章/答案/技术大牛

发布

1回答

webpack、mini-css-extract-plugin

我现在正在使用mini-css-extract-plugin模块，并设置它的chunkFilename值，并通过运行它来确保"[id].css"的值。但是，我看不到这个文件。参考资料如下。https://webpack.js.org/plugins/mini-css-extract-plugin/#minimal-example 所以，我的问题是， mini-css-extract-plug

浏览 73提问于2019-01-19得票数 14

1回答

如何在mini- css -extract-plugin中修复css的hmr？

javascript、mini-css-extract-plugin

我对我的js应用有一个简单的webpack配置，它包含了带有‘热模块重载’的mini-css-extract-plugin。[ new CSSplugin({ chunkFilename: dev

浏览 36提问于2020-06-08得票数 3

1回答

MiniCssExtractPlugin没有创建css文件

javascript、node.js、reactjs、webpack、ecmascript-6

我正在使用React/Node实现服务器端渲染，而CSS模块不再工作。babel-loader": "^8.0.5", "css-loader": "^2.1.1", } } /webpack.config.js const p

浏览 28提问于2019-05-23得票数 0

1回答

React/Webpack从node_modules导入的Css没有正确加载

javascript、css、reactjs、webpack

我使用这三个从不同包导入的css：import slickCss from "slick-carousel/slick/slick.css在大多数情况下，我可以看到所有其他的东西在反应包的范围内都能正常工作。现在，我要和webpack在一起，不要把事情复杂化。如果webpack没有问题，我会开始添加必要的文件。

浏览 1提问于2020-10-28得票数 0

回答已采纳

1回答

在mini-css-extract-plugin中的源图

webpack、webpack-dev-server、hot-module-replacement、mini-css-extract-plugin

我似乎不能让源代码映射与mini-css-extract-plugin一起工作。我让他们和style-loader一起工作。'[name].css' : '[contenthash].css', }), ] 一些背景知识:我一直使用style-loader来让热模块

浏览 26提问于2019-05-20得票数 8

回答已采纳

1回答

CSS与清理-webpack-插件和文件加载器的问题

javascript、webpack、webpack-file-loader

然后我使用mini-css-extract-plugin将捆绑包中的css提取到static/css/中。它会导致错误的URL，例如：让它工作的唯一方法是将css输出到根目录(对文件加载器执行同样的操作不起作用你知道我做错了什么吗？[contenthash:8].bundle.js',

浏览 6提问于2020-04-15得票数 0

1回答

webpack-dev-server注入CSS webpack没有

javascript、html、css、node.js、webpack

我是新来的webpack，我面临着一个问题，试图建立一个简单的网页。webpack-dev-server/bin/webpack-dev-server.js --config /app/webpack.config.js --mode development --color --watch 而我使用的build我遗漏了什么？提前谢谢你！

浏览 26提问于2019-07-12得票数 2

回答已采纳

1回答

Sass文件编译两次

webpack、sass-loader、mini-css-extract-plugin

我有如下的webpack配置：{ use: [ {false }}new MiniCssExtractPlugin({ chunkFilename: '[id].css'当使用SpeedMeasurePlugin构

浏览 2提问于2018-06-04得票数 3

2回答

Webpack提取CSS时抑制模块输出

javascript、webpack、sass

我试图使用webpack 4编译.scss文件，并将它们解压到一个单独的mini-css-extract-plugin文件中。webpack配置的相关部分包括： 'styles': '.sass-loader' },}, new MiniCssExtractPlugin({ chunkFilename<em

浏览 0提问于2018-05-14得票数 2

回答已采纳

1回答

《webpack 4》萨斯杂志

webpack、sass、webpack-4

我有一个Wordpress的主题，我正在从gulp迁移到webpack。不编译SASS文件，我正经历着一段非常艰难的时间。它正在观察并编译JS文件，但是SASS文件不能编译成CSS。'); entry: ['.: [ new MiniCssExtract

浏览 70提问于2020-01-11得票数 0

回答已采纳

1回答

在使用HtmlWebpackPlugin运行webpack时，如何忽略html中的错误js脚本标记？

javascript、webpack

如何忽略Html插件中的script标签？<script src="cordova.js"/>const MiniCssExtractPlugin = require("mini-css-extract-plugin"); mode: "development/js/build/

浏览 4提问于2020-12-24得票数 2

回答已采纳

3回答

Webpack 4.将scss编译成独立的css文件

webpack、webpack-4

我试图将scss编译成一个单独的css文件，但没有成功。就像现在一样，css和所有js代码一起进入bundle.js。如何将我的css分离到它自己的文件中？这就是我的配置。

浏览 1提问于2018-05-17得票数 29

2回答

反应webpack配置:是否有可能取代配置只为一个插件在数组，而不重置一个插件阵列？

javascript、reactjs、webpack、create-react-app

我使用的反应-应用程序重新连线插件的建设。');const MiniCssExtractPlugin = require('mini-css-extract-plugin[hash].js';

浏览 1提问于2019-11-26得票数 1

回答已采纳

1回答

用Webpack编写.ts和.less

typescript、webpack、less

我正在尝试使用单独的条目编译TypeScript和更少的文件。package.json： "css-loader": "^2.1.0", "mini-css-extract-plugin"^3.2.3"webpack.config.js： const path = require(

浏览 0提问于2019-02-26得票数 1

2回答

从SCSS中提取CSS并在React应用程序中延迟延迟加载

css、reactjs、webpack、lazy-loading

我有几个SCSS主题文件，我想提取到CSS文件，然后加载到页面。我希望能够使用contenthash进行长期缓存。 chunkFilename: "[id].// do something with `theme` } } 我需要能够在login()中动态加载这个css文件，只是不知道当它有生成的[TLDR:是否有一种很好

浏览 1提问于2018-04-20得票数 11

回答已采纳

1回答

Webpack5无法在运行时编译图像并引发错误

javascript、webpack、ecmascript-6、webpack-dev-server、webpack-5

我正在使用webpack5配置来运行一个react存储库，除了加载图像之外，一切似乎都运行得很好，我有一个我不理解的错误： ERROR in .但没有工作，不确定这是什么问题。这是webpack的配置： const webpack = require('webpack'); path: path.resolve(_

浏览 88提问于2021-09-23得票数 1

回答已采纳

1回答

如何使用Webpack 4公开javascript模块的默认导出对象？

javascript、webpack

我有一个javascript es6模块，它导出对象如下：index.js one: 'one', new MiniCssExtractPlugin({ filename: &#x

浏览 0提问于2018-04-25得票数 3

回答已采纳

1回答

是什么原因导致我的SVG文件被Webpack分块？

javascript、typescript、vue.js、svg、webpack

我正在使用VueJS，在我的作用域SCSS中，我有一个指向SVG文件的背景图像，它工作得很好……但是当我尝试使用诸如file- loader /url-loader/svg-url-loader这样的加载器来配置输出时我不知道是什么导致了冲突。');const MiniCssExtractPlugin = require(

浏览 28提问于2021-09-20得票数 0

1回答

无法解析“css-加载程序！自动修复程序-加载程序”

javascript、reactjs、webpack

我正在使用Webpack 4，并试图添加对我的css支持多个浏览器。const HtmlWebPackPlugin = require("html-webpack-plugin");cons

浏览 0提问于2018-05-09得票数 1

回答已采纳

3回答

Webpack: mini- css -extract-plugin不输出css文件

javascript、webpack、sass

我认为我正确地遵循了文档，但它根本不起作用。我的设置是：const BundleTracker = require('webpack-bundle-tracker');const MiniCssExt

浏览 1提问于2019-04-04得票数 9

回答已采纳

点击加载更多