webpack.config.js====插件purifycss-webpack，提炼css文件

1. 安装：打包编译时，可以删除一些html中没有使用的选择器，如果html页面中没有class=a class="b"的元素，.a{}.b{}样式不会加载

cnpm install --save-dev purifycss-webpack purify-css glob

2. webpack.config.js中使用

const purifycssWebpack = require('purifycss-webpack');
const glob = require('glob');

//一定要放在htmlWebpackPlugin后面
new purifycssWebpack({
　　paths: glob.sync(path.resolve('./src/*.html'))
}),

转载于:https://www.cnblogs.com/songxia/p/10295783.html

webpack.config.js====插件purifycss-webpack，提炼css文件相关推荐

webpack.config.js配置遇到Error: Cannot find module '@babel/core'问题
一. 问题描述在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误最初以为是babel-core没有安装上 ...
webpack配置：less/sass文件打包和分离、自动处理css前缀、消除未使用的css及完整的webpack.config.js文件...
一.less文件打包和分离 1.要使用less,首先使用npm安装less服务:还需要安装Less-loader用来打包使用. npm install less --save-dev npm inst ...
webpack.config.js 参数详解
webpack.config.js文件通常放在项目的根目录中,它本身也是一个标准的Commonjs规范的模块. var webpack = require('webpack'); module.exp ...
拆分js文件_2021入门Webpack，看这篇就够了：Webpack.config.js 解析
这是优妈成长记的第63篇原创这是一个webpack配置说明本文是发布在github上webpack-demo的README文件内容.主要对webpack.config.js每一条的注释说明. gi ...
webpack之webpack.config.js配置
webpack之webpack.config.js配置 wbepack.config.js webpack的配置文件详解: 作用: 指示 webpack 干那些活(当你运行 webpack 指令时 ...
webpack配置文件：webpack.config.js（一）
1.webpack的配置文件webpack.config.js //const HtmlWebpackPlugin = require('html-webpack-plugin'); module.e ...
webpack2教程--1webpack的安装和webpack.config.js介绍
之前都是gulp之类的,现在都什么时代了!是时候学习webpack,现在都webpack4.x了,没办法,我这种弱鸡就只能webpack2开始. webpack官网文件前提安装node,安装成功, ...
webpack教程(二)——webpack.config.js文件
首先我们需要安装一个webpack插件html-webpack-plugin,该插件的作用是帮助我们生成创建html入口文件.执行如下命令 npm install html-webpack-plugi ...
webpack 3 零基础入门教程 #4 - webpack 的配置文件 webpack.config.js
在命令行中运行 webpack 命令确实可以实现 webpack 的功能,但是我们一般不这么做,我们要用配置文件来处理. 我们把之前学到的知识用 webpack 的配置文件来实现,配置文件的名字叫 w ...

webpack.config.js====插件purifycss-webpack，提炼css文件

webpack.config.js====插件purifycss-webpack，提炼css文件相关推荐

最新文章

热门文章