部署到 heroku 后,对 vuejs 组件和 laravel app 的 app.scss 的修改不会更新



我有一个在localhost上运行良好的laravel/vuejs应用程序。部署到 heroku 后,我意识到添加到 app.scss 的样式不会编译到我的 public/css 文件中,因此没有效果。此外,对我的 vuejs 组件的修改在我像这样推送到 heroku 后不会更新应用程序;

git push heroku master

我已经在我的heroku仪表板上添加了heroku/nodejs构建包。 这是我的 webpack.mix.js 文件内容;

const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
mix.browserSync({
proxy: 'localhost:8000'
});

我的包.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 --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",
"heroku-prebuild": "export NPM_CONFIG_PRODUCTION=false; export NODE_ENV=; NPM_CONFIG_PRODUCTION=false NODE_ENV=development npm install --only=dev --dev",
"heroku-postbuild": "export NPM_CONFIG_PRODUCTION=true; export NODE_ENV=production"
},

注意:我已经在谷歌上搜索了解决方案,但没有找到任何解决方案。请问我做错了什么?

对于那些来到这里寻找同一问题解决方案的人,我通过将这一行添加到我的 packages.json 的脚本中来修复它。

"heroku-postbuild": "npm run prod"

最新更新