如何解决Bulma样式替代无效使用Laravel 7.25.0
我一直使用Bulma作为我正在使用Laravel构建的站点的CSS框架,由于某种原因,我编写的所有覆盖都没有发生。实际上,如果我从app.scss文件中删除所有内容(包括导入Bulma的行),则不会发生任何变化。我尝试遵循为节点萨斯指定的docs,当我尝试执行npm css-build
命令时,出现以下错误:
> @ css-build /Users/userName/Sites/siteName
> node-sass --omit-source-map-url sass/app.scss css/app.css
An output directory must be specified when compiling a directory
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ css-build: `node-sass --omit-source-map-url sass/app.scss css/app.css`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ css-build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
我知道这可能是一个措辞令人生厌的问题,但是如果有人能指出我正确的方向,我将不胜感激。我真的迷路了。
app.scss:
@charset "utf-8";
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
// Variables
@import "_variables";
// Font Awesome
@import "font-awesome/scss/font-awesome";
// Bulma
@import "bulma/bulma";
// Bulma Vue Modules
@import "buefy/src/scss/buefy";
// Other SCSS Files
@import "overrides";
@import "helpers";
@import "manage";
@import "styles";
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": "npm run development -- --watch","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 --disable-host-check --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","css-build": "node-sass --omit-source-map-url sass/app.scss css/app.css","css-watch": "npm run css-build -- --watch","start": "npm run css-watch"
},
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com(将#修改为@)