mix.options 不是一个函数

Question

我一直在尝试为我的Laravel应用程序运行PurifyCSS，但是每当我从命令行运行"gulp"时，都会收到"mix.options不是函数"错误。 mix.styles虽然工作得很好

我知道这个问题发生在很多人身上，因为他们使用的是旧版本的 Laravelmix，但我相信我已经更新了它(例如 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-mixlaravel-elixir包。因此，请使用npm install laravel-mix --save-dev安装它，该版本尚未达到1.4.2版本。安装后，请尝试此操作。

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"
},