![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 70
mn_front
这个作者很懒,什么都没留下…
展开
-
webpack的optimization配置
webpack的optimization配置1.minimizer2.runtimeChunk3. noEmitOnErrors4. splitChunks1. chunks2. name3. minChunks4. minSize,maxSize,maxAsyncRequests(按需加载时候最大的并行请求数),maxInitialRequests(一个入口最大的并行请求数)5. cacheGroups这个选项是webpack4新增的,主要是用来自定义一些优化打包策略。1.mini转载 2021-04-01 16:43:55 · 2036 阅读 · 0 评论 -
webpack 中,filename 和 chunkFilename 的区别是什么呢?
2.1 filenamefilename 是一个很常见的配置,就是对应于entry里面的输入文件,经过webpack 打包后输出文件的文件名。比如说经过下面的配置,生成出来的文件名为index.min.js。{ entry: { index: "../src/index.js" }, output: { filename: "[name].min.js", // index.min.js }}2.2 chunkFilenam...转载 2021-04-01 10:03:11 · 637 阅读 · 0 评论 -
插件 html-webpack-plugin 的详解
最近在学习webpack,接触到的第一个插件就是html-webpack-plugin,那么今天就来详解一下它的用法吧。先来上一个例子:var htmlWebpackPlugin = require('html-webpack-plugin')const path = require('path')module.exports = { entry: './src/script/main.js', output: { filename: 'js/bundle.js转载 2021-03-31 15:52:46 · 1102 阅读 · 0 评论 -
mini-css-extract-plugin插件快速入门
前言webpack 4.0以前,我们通过extract-text-webpack-plugin插件,把css样式从js文件中提取到单独的css文件中。extract-text-webpack-plugin插件的优缺点:更多介绍请看移步:webpack.docschina.org/plugins/ext…webpack 4.0以后,官方推荐使用mini-css-extract-plugin插件来打包css文件(从css文件中提取css代码到单独的文件中,对css代码进行代码压缩等)。使.转载 2021-03-31 15:48:31 · 15129 阅读 · 0 评论 -
webapck4抽取公共模块“SplitChunksPlugin”
在多入口文件打包的时候,出现了重复引入第三方库的问题,如下:怎么办:怎么抽取公共模块在webpack4之前,都是利用CommonsChunkPlugin插件来进行公共模块抽取。到了webpack4之后,利用了SplitChunksPlugin插件来进行公共模块抽取,所以以下只针对SplitChunksPlugin插件进行说明。默认配置开箱即用的插件,默认情况下只对按需块(异步块)有影响。不用另外引入SplitChunksPlugin插件,以下是其默...转载 2021-02-26 16:01:31 · 242 阅读 · 0 评论 -
webpack中的style-loader css-loader用法
webpack 默认是可以找包js文件的,当要打包 css的时候 就需要引入 style-loader 和 css-loadercss-loader 的作用是把 css文件进行转码 而 style-loader 的作用是把转码后的css文件插入到相应的 文件中去所以两者使用的时候是一起使用的缺一不可并且有先后顺序的 要先使用 css-loader 转码,然后再使用 style-loader插入到文件中去安装使用1安装css-loader 和 style-loader命令行 npm...转载 2021-02-08 10:16:57 · 297 阅读 · 0 评论