文章/答案/技术大牛

发布

社区首页 >问答首页 >laravel混合purifyCss选项不起作用

问laravel混合purifyCss选项不起作用
EN

Stack Overflow用户

提问于 2018-02-27 16:25:40

回答 2查看 820关注 0票数 0

我想使用purifyCss的拉拉-混合。该功能在一个全新的安装上运行良好，但当我试图从较旧版本的laravel-mix升级时，不会发生任何事情，也不会显示错误。

这是currect package.json文件

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "cross-env": "^5.1",
    "laravel-mix": "^2.0",
    "popper.js": "^1.13.0",
    "purify-css": "^1.2.6",
    "purifycss-webpack": "^0.7.0"
  },
  "dependencies": {
    "bootstrap": "^4.0.0",
    "font-awesome": "^4.7.0",
    "jquery": "^3.3.1",
    "normalize.css": "^8.0.0",
    "velocity-animate": "^2.0.1"
  }
}

这是我的webpack.mix.js

let mix = require('laravel-mix');

mix.options({
    purifyCss: true
});

//default path
mix.setPublicPath('website');

//index
mix.sass('resources/assets/sass/index/index-desktop.scss', 'css/index/index-desktop.min.css');

这是一个测试刀片文件

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="{{ session('user.language_code') }}">
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css?family=Caudex" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('css/index/index-desktop.min.css') }}">

</head>
<body>

</body>
</html>

同样，我使用yarn，当我尝试使用yarn run production时，css永远不会被删除。

laravel

laravel-mix

purifycss

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-03-02 11:57:50

这个问题已经解决了。

对于有同样问题的人，请检查您的类/id，并确保它上没有任何数字。

票数 0

Stack Overflow用户

发布于 2018-11-26 21:43:00

在这一问题上，有许多得到广泛接受的答案：

的确，类名存在一个问题。在purifycss没有变化的情况下，它们应该与/[a-z]+/匹配
构建可能适用于run dev，但在run prod中失败是因为第三方存储库(二级依赖)中的问题，当您清理精简的css文件(例如引导4)时，这个问题就会发生。您可以在按下中找到详细的解释，并跟踪问题。

现在您可以使用npm install git://github.com/alex7r/css.git#master (是的，我确实更喜欢npm)。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49013401

复制

相似问题

问laravel混合purifyCss选项不起作用
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问laravel混合purifyCss选项不起作用EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问laravel混合purifyCss选项不起作用
EN