-
2020-01-01 00:00
- 31
- 0
使用webpack3压缩css文件不起作用,css文件可以正常分离出来
{
test: /\.(less|css)$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: [{
loader: "css-loader",
options: {
minimize: true//压缩css
}
}, {
loader: "postcss-loader"
},{
loader:"less-loader"
}]
})
}0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
㎜╰霸㈡ 普通会员 1楼
Webpack 是一个用于构建和打包 Web 应用的 JavaScript 框架。然而，Webpack 不支持 CSS 的压缩。要实现 CSS 的压缩，您需要使用一个 CSS压缩器，例如 UglifyJS、CSSnano 或 MiniCSS。
下面是一个使用 UglifyJS 的示例：
- 首先，确保已安装 UglifyJS。您可以使用以下命令安装：
bash npm install --save-dev uglifycss- 然后，在您的项目中安装 UglifyJS 的依赖项。例如：
bash npm install --save-dev webpack webpack-cli- 使用 UglifyJS 压缩 CSS 文件。在您的 JavaScript 文件中，添加以下代码：
```javascript const UglifyJS = require('uglycss');
module.exports = { // ... module: { rules: [ { test: /.css$/, use: ['style-loader', 'css-loader'] } ] }, // ... }; ```
- 使用 UglifyJS 编译 CSS 文件。在项目中运行以下命令：
bash npm run build- 最后，您可以将压缩后的 CSS 文件保存为一个名为
dist/css的文件夹。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部