ejdelmonico

Owner at Del Monico Web Services LLC

Experience

184,325

150 Best Reply Awards

  • Member Since 1 Year Ago
  • 998 Lessons Completed
  • 1 Favorite

30th March, 2017

ejdelmonico left a reply on How Do I Include NPM Installed JS Library E.g JQuery UI • 3 hours ago

You should search a bit better. This answer should do it for you.

https://laracasts.com/discuss/channels/elixir/use-jquery-ui-with-webpack

ejdelmonico left a reply on How To Configure Webpack And Drop Elixir/Gulp From My Project? • 4 hours ago

There really isn't much to configure for a Laravel project that is not already done for you. In the github project, you will find some docs on usage. The rest is just understanding how Webpack works and what it is used for. You will find with experience that Webpack is very flexible and can be used in any situation.

ejdelmonico left a reply on Laravel-Mix (WebPack) Does Not Work On Linux When Deploying (work On Mac) • 4 hours ago

As @zachleigh states, you are misunderstanding the deployment process and the basics of Webpack. With Webpack, everything is a dev dependency unless you are going to use it separately in production. Everything is bundled up and ready to use so those processed files are committed to the repo and deployed for production. You should not be installing any dev dependencies or running npm scripts on the production server.

28th March, 2017

ejdelmonico left a reply on JQuery Ui And App.js Conflict • 2 days ago

You need to provide some code and show how you are applying jquery-ui. Check my previous posts on including jquery-ui with webpack as well.

12th March, 2017

ejdelmonico left a reply on Bootstrap Classes Broke After Versioning With Laravel-elixir. • 2 weeks ago

Well, the only thing that stands out is you forgot quotes are the url for your import statement. Maybe that messed up the uglify process. Also, sometimes you have to scroll up to see warnings.

ejdelmonico left a reply on Mix All JS In Directory • 2 weeks ago

Look at the docs here

mix.combine(['one.js', 'two.js'], 'merged.js');

You should be able to use a wildcard as well like *.js

ejdelmonico left a reply on What Is The Right Way To Package All JS And CSS File Under One File In Laravel 5.4? • 2 weeks ago

My basic recommendation is to use ES6 import statement to bring in packages. The require() statement will eventually be the non standard way of including packages. If the package does not export, you will have to tell Webpack about it like I mentioned above. Usually, you will need to either declare a vendor package or use an alias.

11th March, 2017

ejdelmonico left a reply on Laravel Mix - How Exclude Vue.js • 2 weeks ago

Just remove the Vue require() statements in boostarp.js, the vue instance and vue from package.json.

ejdelmonico left a reply on What Is The Right Way To Package All JS And CSS File Under One File In Laravel 5.4? • 2 weeks ago

Definitely use Webpack. It takes a bit if work to understand the configurations but there is a plugin for everything and it is infinitely adaptable to whatever your current project needs. There are many tutorials on webpack. There are many videos on Laracasts and a great tutorial on Udemy called Webpack 2 by Stephen Grider (watch for sales on Udemy and you can get the course for $15).

9th March, 2017

ejdelmonico left a reply on Datepicker 4.15.35 With Bootstrap 4.0.0 • 3 weeks ago

@wirli Have you tried using ES6 import instead of processing through webpack config? Webpack will still process the import. However, I am not sure if the package you are using is exportable. Otherwise, there are plenty of webpack packages for datetime.

8th March, 2017

ejdelmonico left a reply on Laravel Mix And React Js • 3 weeks ago

Check your Babel processing. The spread operator requirements are probably missing or incomplete.

ejdelmonico left a reply on Elixir Webpack Official Not Npm Installing • 3 weeks ago

The error seems to indicate that you do not have git installed...or, it can't find it.

ejdelmonico left a reply on Elixir Webpack Official Not Npm Installing • 3 weeks ago

Try a global install first. Sometimes, it's the only way to get things to work with all of those packages. npm install -g laravel-elixir-webpack-official

then

npm install laravel-elixir-webpack-official --save-dev

That should give you 1.0.10

ejdelmonico left a reply on 'npm Install' Error On New Homestead VM • 3 weeks ago

For homestead, you run everything from the project directory and it will mirror to the vm. That is what the Homestead.yaml file is for. If you don't have artisan setup to run from your host machine, the you will need to ssh into the vm's project directory to run artisan migrate etc.

ejdelmonico started a new conversation Laracon Online Was Great! • 3 weeks ago

Laracon Online was excellent and more than worth the $15.00 ticket fee. I would recommend everyone who didn't see the presentations, to legally watch them when they are published!!

6th March, 2017

ejdelmonico left a reply on Laravel Mix Is Breaking A Feature Test? • 3 weeks ago

I was just wondering if something didn't install properly. Another thing I have done in past when having issues with a manifest file is to trash everything that npm run dev produces in the public directory and re-run it. So, that would be to remove the

  • css/
  • js/
  • fonts/
  • mix-manifest.json

It's worth a shot.

ejdelmonico left a reply on Security Updates • 3 weeks ago

I believe Forge updates the packages it installs. I wouldn't begin to believe that it installs all security packages. Could they possibly be from packages that you installed? The only reason I say this is because I see pending updates for my servers all the time but they are usually for packages I install AND security packages that are breaking...in other words install them but select the already installed config file or you might break something.

ejdelmonico left a reply on Laravel Mix Is Breaking A Feature Test? • 3 weeks ago

Do any of the ExampleTest files work ( Features/ExampleTest or Unit/ExampleTest)?

ejdelmonico left a reply on Laravel Mix Is Breaking A Feature Test? • 3 weeks ago

Hmm, that is really odd. Try clearing all caches through artisan. It's a crap shoot, but I have seen stranger things.

ejdelmonico left a reply on Laravel Mix Don't Write File In Production. • 3 weeks ago

First off, unless your EC2 instance can compile production files on the fly like Heroku, you need to commit your file to the repo. For instance, I commit the dev compiled files during development. When I am ready to go to production, I run the production flag and test. After it checks out, I commit to repo and deploy. You can do it that way, or use Envoy to make everything work for you in a script file.

https://laravel.com/docs/5.4/envoy

ejdelmonico left a reply on Laravel Mix Is Breaking A Feature Test? • 3 weeks ago

Assuming that the test file is standard, are you using versioning? Also, make sure you upgrade to the latest Mix.

ejdelmonico left a reply on React Not Transpiling Under Larave-mix • 3 weeks ago

@ruru If this worked for you, please mark it correct so others can use it.

ejdelmonico left a reply on Datepicker 4.15.35 With Bootstrap 4.0.0 • 3 weeks ago

You can use the jQuery UI datepicker. It is easy to use.

ejdelmonico left a reply on Add Select Box And Input When Button Clicked • 3 weeks ago

If this select is likely to be used often, I would hide the elements on load and then use a click event to show if the button is clicked. Having to add to the DOM is expensive unless you are using Vue. If using Vue, you can easily do it. Just have a look at the docs for examples.

5th March, 2017

ejdelmonico left a reply on Sass IncludePaths With Laravel-mix/webpackConfig • 3 weeks ago

You can't include a config addon after you call mix. You need to do it first by itself for best results...then call mix.sass().js().

mix.webpackConfig({
  new webpack.LoaderOptionsPlugin({
    test: /\.s[ac]ss$/,
    options: {
      includePaths: [
          path.resolve(__dirname, './node_modules/bootstrap-sass/assets/')
        ]
    }
  })
});

3rd March, 2017

ejdelmonico left a reply on PhpStorm Space In Github • 3 weeks ago

As @bashy mentioned, just uncheck both "Use tab character" and "Smart tabs". You don't need it.

2nd March, 2017

ejdelmonico left a reply on React Not Transpiling Under Larave-mix • 4 weeks ago

It long...sorry:

const path = require('path');
const webpack = require('webpack');

module.exports = {
    entry: [
        'script-loader!jquery/dist/jquery.min.js',
        'script-loader!foundation-sites/dist/js/foundation.min.js',
        './app/app.jsx'
    ],
    externals: {
        jquery: 'jQuery'
    },
    plugins: [
        new webpack.ProvidePlugin({
            '$': 'jquery',
            'jQuery': 'jquery'
        }),
        // new webpack.LoaderOptionsPlugin({
        //     test: /\.s[ac]ss$/,
        //     options: {
        //         sassLoader: {
        //             includePaths: [
        //                 path.resolve(__dirname, './node_modules/foundation-sites/scss')
        //             ]
        //         }
        //     }
        // })
        new webpack.LoaderOptionsPlugin({
            test: /\.s[ac]ss$/,
            options: {
                includePaths: [
                    path.resolve(__dirname, './node_modules/foundation-sites/scss/')
                ]
            }
        })
    ],
    output: {
        path: __dirname,
        filename: './public/bundle.js'
    },
    resolve: {
        modules: [
            path.resolve(__dirname, 'app/components'),
            path.resolve(__dirname, 'app/api'),
            path.resolve(__dirname, 'node_modules')
        ],
        alias: {
            applicationStyles: path.resolve(__dirname, 'app/css/app.scss'),
            actions: path.resolve(__dirname, 'app/actions/actions.jsx'),
            reducers: path.resolve(__dirname, 'app/reducers/reducers.jsx'),
            configureStore: path.resolve(__dirname, 'app/store/configureStore.jsx')
        },
        extensions: ['.js', '.jsx', '.json', '.scss']
    },
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel-loader',
                options: {
                    presets: ['react', 'es2015', 'stage-0']
                }
            }
        ]
    },
    devtool: 'cheap-eval-source-map'
};

ejdelmonico left a reply on Sass IncludePaths With Laravel-mix/webpackConfig • 4 weeks ago

I do it similarly like this:

        new webpack.LoaderOptionsPlugin({
            test: /\.s[ac]ss$/,
            options: {
                includePaths: [
                    path.resolve(__dirname, './node_modules/foundation-sites/scss/')
                ]
            }
        })

ejdelmonico left a reply on How To Configure IncludePaths For SASS On Mix? • 4 weeks ago

Or, you can do as I do it with:

new webpack.LoaderOptionsPlugin({
            test: /\.s[ac]ss$/,
            options: {
                includePaths: [
                    path.resolve(__dirname, './node_modules/foundation-sites/scss/')
                ]
            }
        })

1st March, 2017

ejdelmonico left a reply on Managed Hosting For Laravel • 4 weeks ago

I use both Forge and Envoyer with Digital Ocean for all of my Laravel projects (about 13 so far) and it makes life very easy.

ejdelmonico left a reply on React Not Transpiling Under Larave-mix • 4 weeks ago

Mix is definitely set up with the babel-loader for jsx files. You can check that in the webpack.config.js. I make my own webpack.config.js file and don't use Mix for react projects. Make sure you have a .babelrc with presets of 'es2015', 'react'. You may be missing the react preset.

ejdelmonico left a reply on Font-Awesome With Webpack • 4 weeks ago

Look over this page:

https://github.com/gowravshekar/font-awesome-webpack

If that doesn't suit you, you can make an alias for font-awesome so you can require it. Just look at the Mix docs for how to add to config. Adding an alias is easy but using a webpack specific package is better.

28th February, 2017

ejdelmonico left a reply on CLI Performance In Homestead Vs. Amazon AWS • 4 weeks ago

Other than a difference in server configuration and possibly PHP versions, It could be that when the job finishes AWS, it is not cleaned up by the code so you end up with slow machine because of ghost processes.

ejdelmonico left a reply on Laravel Mix: Installing Firebase-admin Dependency Modules Were Not Found • 4 weeks ago

You probably need to make an alias for firebase-admin or make it know via:

plugins: [
    new webpack.loaderOptionsPlugin({
        options: {
            includePaths: [
                path.resolve(__dirname, './node_modules/firebase-admin/')
            ]
        }
    })
]

26th February, 2017

ejdelmonico left a reply on URL Processing In Public Root Folder. • 1 month ago

Use version ^8.7 because a lot of issues are fixed. And, if you want to overide a rule, it must match or not exist. If you read the Mix code, it will show you the way.

ejdelmonico left a reply on Mix/Webpack Question • 1 month ago

In your situation where you are wanting to modify more than just adding an include path, I would look at modifying the webpack.config.js directly. There are some gotchas in Webpack 2.2 that you have to look out for. One has been corrected...it involved the context when using LoaderOptionsPlugin and another is you must use the "-loader" extension now. Additionally, there are many config structure changes that even Mix has to get right. I suggest looking over the migration guide in the docs to see what is different. Webpack has a lot of examples online and you may need to reference the differences. It really is not that hard, just a bit complex.

25th February, 2017

ejdelmonico left a reply on How To Use JQuery-Plugins W/Webpack? • 1 month ago

First, you need to make sure you have a compiled file for Webpack to use...it can't find fragmented files. Next, you need to add an alias to webpack config in order to use the require() statement. Do it like this:

// Before you call mix to process files in webpack.mix.js
mix.webpackConfig({
    resolve: {
        alias: {
            'fancybox': 'path-to-fancybox/fancybox'  // relative to node_modules
        }
    }
});

Now, Webpack should be able to find fancybox.

ejdelmonico left a reply on Get Data Out From Axios ? (JAVASCRIPT) • 1 month ago

In the newest versions of Axios, you are returned a response object containing the data or an error object containing an error object. response.data gives you the information you are looking for along with response.status or response.statusText. The entires object consists of:

{
  // `data` is the response that was provided by the server
  data: {},

  // `status` is the HTTP status code from the server response
  status: 200,

  // `statusText` is the HTTP status message from the server response
  statusText: 'OK',

  // `headers` the headers that the server responded with
  headers: {},

  // `config` is the config that was provided to `axios` for the request
  config: {}
}

The error object can be obtained through a .catch(error) attached to the promise. In your case, I would do:

createAlbum:  function(event) {
   event.preventDefault();
   axios.get('/admin/gallery/albums/create')
      .then(function(response) {
         console.log(response.data);
      }).catch(function(error) {
         console.log(error);
      });
}

23rd February, 2017

ejdelmonico left a reply on How Can I Enable Ssl Certificate • 1 month ago

@kenny11 It's gone from the bottom of the SSL page off of your website menu? It should be at the bottom. If it isn't, then just request a new one through Let's Encrypt. The button is at the top of the same page I believe.

ejdelmonico left a reply on .htaccess Not Working As Expected. • 1 month ago

If you are using Chrome, it's your cache most likely.

ejdelmonico left a reply on Runtime Exception Deploying To Forge • 1 month ago

@niho Was this server created with Forge? The reason I ask is it seems like a permissions problem. Most everything on a Forge server is done with the forge user. The forge user created when the server is provisioned has the permissions to do what is required of it.

ejdelmonico left a reply on The Server Provider Was Unable To Create Your Server • 1 month ago

It has to be something wrong with the credentials is my guess because I have created at least 30 DO servers with Forge with no problems and I know many others who have done the same. The only thing that is not common among us is the DO credential.

ejdelmonico left a reply on How Can I Enable Ssl Certificate • 1 month ago

Yes, just click activate in the site page.

ejdelmonico left a reply on Forge How To Change The Default Nginx Configuration? • 1 month ago

All you have to do is go to the site menu and there is a dropdown menu called "edit files". You can modify the nginx config from there.

ejdelmonico left a reply on Node.js: Dependencies Vs DevDependencies • 1 month ago

jQuery, Vue and Axios are usually dependencies. But, as usual, it depends on the tools you are using. For instance, with Webpack, you are packing everything up into bundles for serving. So, in reality, everything that is going to be bundled is a devDependency. In short, a devDependency is anything you will need to make you page work in production. Everything else is just used during development or packaging/bundling.

ejdelmonico left a reply on Laravel 5.4 Mix-manifest Unexpected Error • 1 month ago

Which Chrome version and platform?

ejdelmonico left a reply on Mail Not Sending With Mailgun But Sends With MailTrap • 1 month ago

Whenever you make a config change, you must run php artisan config:clear. Laravel caches config settings.

ejdelmonico left a reply on Trying To Install A NPM Package That Is Ultimately Not Found • 1 month ago

Reference the other posts about this same subject. You need to add an alias in webpack config or use the script-loader package.

ejdelmonico left a reply on Envoyer Forge SSH Key • 1 month ago

Did you also place your Mac's key in Forge for SSH connection? In short, you should have an Envoyer key and your computer's key in Forge for SSH access.

22nd February, 2017

ejdelmonico left a reply on Mix.styles( • 1 month ago

Why don't you just import the files into your main css file? No need for MIx for that.

Edit Your Profile
Update

Want to change your profile photo? We pull from gravatar.com.