Как загрузить приложение laravel и отреагировать на хостинг-сервер вроде Godaddy - PullRequest
Новая
       10

Как загрузить приложение laravel и отреагировать на хостинг-сервер вроде Godaddy

0 голосов
/ 24 декабря 2018

Скоро выложено на хостинг Godaddy.Я только что закончил создавать приложение с Laravel API и React JS для пользовательского интерфейса.Я использовал «Предустановку реакции Laravel», чтобы использовать реакцию в проекте Laravel.Я хочу знать, как загрузить этот проект на хостинг Godaddy, чтобы он работал.

Если я создаю zip-файл и загружаю его на сервер, размер проекта становится большим из-за включения в zip-модуля node_modules.

Ниже находится мой пакет.json 

{
    "private": true,
    "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"
    },
    "devDependencies": {
        "axios": "^0.18",
        "babel-preset-react": "^6.23.0",
        "bootstrap": "^4.0.0",
        "browser-sync": "^2.26.3",
        "browser-sync-webpack-plugin": "^2.0.1",
        "cross-env": "^5.1",
        "jquery": "^3.2",
        "laravel-mix": "^2.0",
        "lodash": "^4.17.5",
        "popper.js": "^1.12",
        "react": "^16.2.0",
        "react-dom": "^16.2.0"
    },
    "dependencies": {
        "loadjs": "^3.5.5",
        "npm": "^6.4.1",
        "react-router-dom": "^4.3.1"
    }
}

Ниже находится мой webpack.mix.js 

let mix = require('laravel-mix');

mix.react('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');
mix.browserSync('http://localhost:8000');

Ниже файл (index.blade.php) содержит приложение реакцииконтейнер: 

<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Basic Page Needs -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Project</title>

        <meta name="keywords" content="Organic, Fresh Food, Farm Store">
        <!-- Favicon -->
        <link rel="shortcut icon" href="img/favicon.png" type="image/png">

        <!-- Google Fonts -->
        <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">

        <!-- Vendor CSS -->
        <link rel="stylesheet" href="{{URL::asset('/libs/bootstrap/css/bootstrap.css')}}" type="text/css">
        <link rel="stylesheet" href="{{URL::asset('/libs/font-awesome/css/font-awesome.min.css')}}" type="text/css">

        <!-- Template CSS -->
        <link rel="stylesheet" href="{{URL::asset('css/style.css')}}" rel="stylesheet" type="text/css">

        <!-- App Css 
        <link href="{{URL::asset('css/app.css')}}" rel="stylesheet" type="text/css"> -->
    </head>
    <body class="home home-4">
        <div class="all">
            <div id="app"></div>
        </div>

        <!-- App JS -->
        <script src="{{URL::asset('js/app.js')}}" ></script>

        <!-- Vendor JS -->
        <script src="{{URL::asset('/libs/jquery/jquery.js')}}"></script>
        <script src="{{URL::asset('/libs/bootstrap/js/bootstrap.js')}}"></script>

        <!-- Template JS -->
        <script src="{{URL::asset('js/main.js')}}"></script>

    </body>
</html>

Любая помощь будет оценена!

...