时间戳

首页 > 解决方案 > 部署到heroku后，修改vuejs组件和laravel app的app.scss没有更新

vue.js - 部署到heroku后，修改vuejs组件和laravel app的app.scss没有更新

问题描述

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

git push heroku 大师

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

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

标签： vue.jslaravel-5herokuscss-mixins

解决方案

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

"heroku-postbuild": "npm run prod"

推荐阅读