Webpack Aliases
Webpack aliases (https://webpack.js.org/configuration/resolve/#resolve-alias) are very simple to set up. You just need to add a resolve.alias property to your webpack configuration. If you take a look at build/webpack.base.conf.js, it already has it defined:
module.exports = {
// ...
resolve: {
extensions: [".js", ".vue", ".json"],
alias: {
vue$: "vue/dist/vue.esm.js"
}
}
};
Taking this as an entry point, we can add a simple alias that points to the src folder and use that as the root:
module.exports = {
// ...
resolve: {
extensions: [".js", ".vue", ".json"],
alias: {
vue$: "vue/dist/vue.esm.js",
"@": path.join(__dirname...