Webpack
文章平均质量分 60
不知如何
这个作者很懒,什么都没留下…
展开
-
webpack5配置
带注释版本// resolve用来拼接绝对路径的方法const { resolve } = require('path')//1. 下载 2. 引入 3.使用const HtmlWebpackPlugin = require('html-webpack-plugin')const MiniCssExtractPlugin = require('mini-css-extract-plugin');const OptimizeCssAssetsWebpackPlugin = require('opt原创 2021-02-19 16:05:47 · 784 阅读 · 0 评论 -
【填坑】webpack5中optimize-css-assets-webpack-plugin无法实现压缩css
一开始以为是OptimizeCssAssetsWebpackPlugin插件没有使用,然后查看了plugins已经使用了OptimizeCssAssetsWebpackPlugin。啊?这啥情况?最后找到了皮蛋很白大佬的webpack二刷之五、生产环境优化(5.提取压缩CSS)文章,写的也很清楚,原来是:webpack官方文档介绍时并不是将 「OptimizeCssAssetsWebpackPlugin」 插件配置在「plugins」数组中。而是配置在 「optimization.minimize.原创 2021-02-19 15:44:11 · 10499 阅读 · 1 评论 -
【填坑】Webpack 5.22 上 html-webpack-plugin5.1.0 和 html-loader 的碰撞
直接说正题,webpack上html-loader和html-webpack-plugin冲突错误代码:html-webpack-plugin插件配置plugins: [ // html-webpack-plugin:默认会创建一个空的html文件,自动引入打包输出的所有资源(JS/CSS) // 需要有结构的HTML文件可以加一个template new HtmlWebpackPlugin({ // 复制这个./src/index.html文件,并自动引入打包输出的所有资源(.原创 2021-02-18 21:25:59 · 1409 阅读 · 1 评论 -
自学Webpack
const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/index.js', output: { filename: 'built.js', path: resolve(__dirname, 'build') }, module: { rules: [ {原创 2021-02-18 19:25:47 · 122 阅读 · 0 评论