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

注意：我已经在Google周围搜寻解决方案，但没有找到任何解决方法。请问我做错了什么？

Answer 1

对于那些来这里寻求相同问题解决方案的人，我通过将以下行添加到我的packages.json脚本中来解决了该问题。

"heroku-postbuild": "npm run prod"

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

1 个答案: