部署到 heroku 后，对 vuejs 组件的修改和 laravel 应用程序的 app.scss 不会更新

Question

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

git push heroku master

我在我的 heroku 仪表板上添加了 heroku/nodejs buildpack。这是我的 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'
});

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

注意：我用谷歌搜索了解决方案，但没有找到任何解决方案。请问我做错了什么？

Answer 1

对于那些来到这里寻找同一问题的解决方案的人，我通过将此行添加到我的 packages.json.

的脚本中来修复它

"heroku-postbuild": "npm run prod"

部署到 heroku 后，对 vuejs 组件的修改和 laravel 应用程序的 app.scss 不会更新

After deployment to heroku, modifications to vuejs components and app.scss of laravel app does not update

heroku

vue.js

laravel-5

scss-mixins