Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save nachodd/4e120492a5ddd56360e8cff9595753ae to your computer and use it in GitHub Desktop.
Save nachodd/4e120492a5ddd56360e8cff9595753ae to your computer and use it in GitHub Desktop.
// On PhpStorm, when ussing with laravel mix, for Alias path resolving in components you have to:
// - create a webpack.config.js file separately like:
const path = require('path')
const webpack = require('webpack')
module.exports = {
...
resolve: {
extensions: ['.js', '.json', '.vue'],
alias: {
'~': path.resolve(__dirname, './resources/assets/js')
}
},
...
}
// And then import it in the webpack.mix.js like:
const config = require('./webpack.config')
...
mix.webpackConfig(config)
// Make sure the webpack configuration file is pointed correctly in the configuration of the PhpStorm in: Settings > Languages & Frameworks > Javascript > Webpack
@carvemerson
Copy link

Another solution without create a webpack.config.js file separately:

phpstorm search for webpack.config.js, so into: phpstorm | Settings | Languages & Frameworks | Javascript | Webpack

have to set this path: your-project/node_modules/laravel-mix/setup/webpack.config.js

this works for me

Nice!!!!

@nghuuquyen
Copy link

Another solution without create a webpack.config.js file separately:

phpstorm search for webpack.config.js, so into: phpstorm | Settings | Languages & Frameworks | Javascript | Webpack

have to set this path: your-project/node_modules/laravel-mix/setup/webpack.config.js

this works for me

Thanks, it worked for me !!!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment