PhpStorm - Laravel Mix Alias Path Resolve Issue.js

// 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

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

Thank you! 🥳

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!!!!

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 !!!!