mix.options不是一个函数

Question

我一直在尝试为我的Laravel应用程序运行PurifyCSS，但每当我从命令行运行‘mix.options’时，总是收到“gulp不是一个函数”的错误提示。不过，mix.styles运行得很好

我知道这个问题发生在很多人身上，因为他们使用的是Laravel mix的旧版本，但我相信我已经更新了它(例如npm laravel-mix -v返回"3.10.10")

有什么建议吗？谢谢

var elixir = require('laravel-elixir');

elixir(function(mix) {

    mix.options({ purifyCss: true });

    mix.styles([
        'bootstrap.css',
        'cc.css'
    ]);

});

Answer 1

在您的代码中，您使用的是已升级并重命名为laravel-mix的laravel-elixir包。因此，请使用目前1.4.2版本的npm install laravel-mix --save-dev安装它。安装后，请尝试此操作。

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

mix.options({ purifyCss: true });

mix.sass('resources/assets/sass/app.scss', 'public/css');

在你的resources/assets/sass/app.scss中

// Bootstrap
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

// Write your custom css here

另外，更新您的package.json脚本

"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 --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},