为什么只有供应商css是在生产模式下生成的，使用的是Webpack 4？
供应商 CSS 是在生产模式下生成的，使用的是 Webpack 4，主要有以下几个原因：
- 性能优化：在生产模式下生成供应商 CSS 可以减少页面加载时间，提高网站性能。Webpack 4 在生产模式下会对 CSS 进行压缩、合并、去除无用代码等优化操作，减小 CSS 文件的体积，加快页面加载速度。
- 缓存利用：将供应商 CSS 单独生成文件，可以利用浏览器缓存机制，当页面再次访问时，可以直接从缓存中加载供应商 CSS 文件，减少网络请求，提高页面加载速度。
- 代码分离：Webpack 4 支持代码分离，将供应商 CSS 单独打包成一个文件，与业务代码分离，使得页面的样式和逻辑分离开来，提高代码的可维护性和可读性。
- 兼容性考虑：使用 Webpack 4 可以通过配置不同的 loader 和插件，对供应商 CSS 进行兼容性处理，确保在不同浏览器和设备上都能正确显示。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云内容分发网络（CDN）。
腾讯云产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
相关·内容
1回答
如何从.NET核心模板中删除引导程序
vue.js、.net-core
使用(在我的例子中)从dotnet CLI提供的模板创建SPA应用程序()webpack --config
浏览 7提问于2018-01-12得票数 0
2回答
是否在生产版本上保留Vue单文件组件中的CSS注释？
vue.js、webpack、webpack-4
场景如下：尝试在我的<style>块中导入供应商css文件，但/* csspurge start ignore */和/* csspurgeend ignore */注释在生产构建过程中被剥离。e
浏览 4提问于2018-11-15得票数 0
1回答
webpack-dev-server注入CSS webpack没有
javascript、html、css、node.js、webpack
我是新来的webpack，我面临着一个问题，试图建立一个简单的网页。虽然我在使用webpack-dev-server时没有问题，但是当我使用webpack构建应用程序时，我在index.html文件中看不到CSS。/assets/images/barca_onde.svg')%></body&
浏览 26提问于2019-07-12得票数 2
回答已采纳
1回答
Webpack 4+材料-UI:如何缩小JSS在生产模式下的工作？
reactjs、webpack、material-ui、jss
我正在使用Webpack 4.10.2和Material UI v1.1.0进行一个项目。说的是类名生成器，我对缩短类名的结果很满意，但是在构建过程中有些东西我不明白，我可能缺少一个Webpack模块或插件(例如，我只是使用babel-加载程序而没有插件)。问题是：发展模式
使用w
浏览 1提问于2018-06-02得票数 2
1回答
当使用html-webpack-plugin时，供应商块仅包含在第一个html文件中。
webpack、webpack-4、html-webpack-plugin、webpack-splitchunks
我想设置一个webpack 4的生产配置，这是使用html -webpack-插件，以创建多个html文件。同时，我想提取我的供应商库作为单独的文件，并手动设置哪个html文件使用哪个供应商块使用html-webpack-插件。通过下面的配置，我想要实现的只是将vue js作为一个单独的供应商库包含到我
浏览 2提问于2019-04-19得票数 0
1回答
Webpack不发出css源地图(带有源地图: true)
javascript、css、webpack、source-maps
我不能让我的webpack发出css源地图。我已经把源代码地图:在任何可能的地方都是正确的，没有任何效果，所有的在线解决方案都建议使用这个插件或者其他插件配置，但是我没有其他插件，它是超级简单的webpack.config.js
const MiniCssExtractPlugin = require("mini-css-extract-p
浏览 1提问于2019-12-12得票数 0
1回答
构建Laravel和Vue js SPA以便将其部署到Live Server的webpack命令是什么？
laravel、vue.js、webpack
我知道我需要运行npm run build来构建我的资产，这样它们在web上就会被缩小。我的问题是我的package.json文件中缺少脚本，并且我不知道正确的代码是什么。/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",/bin&#
浏览 5提问于2020-07-15得票数 0
3回答
Webpack源图不解析sass进口
css、webpack、sass、source-maps
我有webpack配置为传输scss -> css，但是webpack生成的源代码地图不能解决scss @import的问题。webpack.config.js：const ExtractTextPlugin = require('extract-text-webpack-pluginplugins: [
new ExtractTextPl
浏览 4提问于2017-10-03得票数 6
回答已采纳
1回答
更换sass时热重新加载webpac-dev-server
reactjs、npm、sass、webpack、webpack-dev-server
我有一个简单的webpack构建与webpack-dev-server。这是工作，当我更改.js文件时，它会在浏览器中自动刷新。但当我更改.sass时，什么也没有发生。这是我的webpack.confingconst ExtractTextPlugin10000&mimety
浏览 2提问于2017-03-16得票数 0
1回答
webpack 4优化了dev和prod构建之间的不同块命名
node.js、npm、webpack
我试图使用Webpack4中的优化来创建单个供应商块文件。即使在阅读了这些文档之后，我也有点不明白命名是如何工作的。name: "vendor", } }当我运行webpack--mode development时，它会生成以下文件：
vendor.ven
浏览 0提问于2018-06-08得票数 0
回答已采纳
2回答
Mini提取插件不会将我的css绑定到一个带有sass的文件中
javascript、css、webpack、sass、mini-css-extract-plugin
当我试图添加sass加载程序并运行webpack时，dist文件夹中有多个chunck .css文件，而不仅仅是绑定的一个名为"style.css“的文件。我的dist输出文件夹如下所示：
0.e749007119be51de03e4.js 1.e749007119be51de03e4.js bundle.e749007119be51de03e4.js0.style.css
浏览 0提问于2018-08-16得票数 2
回答已采纳
1回答
为什么webpack只在开发中需要安可？
symfony、webpack、webpack-encore
我目前正在为symfony 5项目配置一些对接映像，并试图处理生产构建。在这样做时，我注意到webpack仅在dev模式下安装，如以下正式文档中的建议：：然而，这对我来说没有意义，因为即使在生产中
浏览 4提问于2020-09-02得票数 2
回答已采纳
2回答
Webpack在添加.js文件时没有缩小OptimizeCssAssetsPlugin文件(没有它就能工作)
javascript、webpack、minify
在生产模式中，我的webpack将.js小型化(正如它应该做的那样)。但是我也需要缩小我的.css，要做到这一点，我必须使用OptimizeCssAssetsPlugin。当我使用它时，它使我的.css小型化，但我的.js却没有缩小。
我的猜测是，当我使用优化(在‘模块，和’插件‘旁边)时，js缺少一些东西，因
浏览 0提问于2019-03-25得票数 2
回答已采纳
4回答
不能缩小webpack的css代码
javascript、css、webpack、minify、webpack-4
Webpack版本: 4.16.3在用bundle.css编译后，我的代码不会缩小。我做错了什么？我的wepback配置：
const <em
浏览 0提问于2018-08-09得票数 10
回答已采纳
1回答
将css模块与提取文本插件结合使用
reactjs、webpack-2、css-loader、extract-text-plugin、extracttextwebpackplugin
在生产模式下，使用css-loader中的css -loader中的css模块选项，使用extract-text- Webpack -plugin时，webpack 2构建不能像预期的那样工作。正确生成的类是在html元素上创建的，这意味着css-loade
浏览 27提问于2017-07-09得票数 11
回答已采纳
3回答
未定义的TypeError:无法读取未定义的__webpack_require__属性的“调用”
javascript、reactjs、webpack
我正在使用React.lazy在运行时加载一些React类，这样它们就不会一次全部加载。我的代码适用于生产，但当我处于开发模式时会崩溃。(更新:我的代码不再在生产中工作-见下文).我创建的特定类文件称为Categories.js。据我所知，我在加载类时与正在工作的类没有任何不同。我甚至尝试重命名类/文件，并且我也从其中删除了大部分数据，以防文件中的某些内容导致了问题。</div>}&g
浏览 2提问于2019-09-24得票数 23
2回答
在进行开发工作时禁用UglifyJSPlugin？
typescript、webpack、uglifyjs
我的相对简单的类型记录relatively在我进行更改时需要相当多的时间进行编译，其中很大一部分是用在UglifyJSPlugin上的。我正在通过NPM运行以下命令：
大部分时间都在uglifyjs中，它是否需要运行开发工作呢？我不需要它是丑陋的/优化的代码在开发期间，我想知道我如何可以强迫它被禁用。
浏览 5提问于2018-05-24得票数 1
1回答
Webpack把咖啡剧本渲染成评论还是什么都没有
javascript、webpack、coffeescript
我很难让webpack + coffeescript去工作。我甚至试图创造一个最小的例子来证明我的问题。我试图复制，但没有取得什么成功。我应该得到与上面链接的示例完全相同的代码，而webpack正在生成以下代码：/* 0 */
console.log(__
浏览 0提问于2018-11-16得票数 0
回答已采纳
2回答
在webpack配置中将模块设置为false破坏所有css。
webpack、sass、css-loader、css-modules、webpack.config.js
我有以下webpack配置，一切都很完美： rules: [ test: /\.(scss|css)$/, use: [ { l
浏览 0提问于2019-07-10得票数 0
回答已采纳
2回答
NestJS图形webpack生产生成错误
node.js、webpack、graphql、nestjs
当我在生产中与webpack一起构建我的项目时，我得到了模式类型错误。错误：“引导模式必须包含唯一命名类型，但包含多个名为”s“的类型@Resolver() constructor(private readonly userService: UserServicereturn await this.us
浏览 5提问于2019-12-23得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
