Laravel Mix 别名
发布于 作者: Paul Redmond
Laravel Mix Alias 是一个 NPM 包,它围绕 WebPack 的 resolve.alias 配置提供了一种便捷方法。
以下是如何使用它来简化 require
和 import
语句的示例
const mix = require('laravel-mix');require('laravel-mix-alias'); mix.alias({ '@': '/resources/assets/js', '~': '/resources/assets/sass', '@components': '/resources/assets/js/components',});
这使您可以像这样编写 import
语句
import '~/variables'import '@components/ToggleInput.vue';
如果您不熟悉 Webpack 的 resolve.alias
配置,以下是如何在没有此包的情况下在 Mix 中使用它
mix.webpackConfig({ resolve: { alias: { '@': path.resolve(__dirname, 'resources/js/') } }});
您可能更喜欢此包提供的 mix.alias
方法的便利性来解析路径;但是,如果您更喜欢在没有包的情况下使用它,这种配置并不复杂。
如果您想了解有关 扩展 laravel-mix 的更多信息,Jeffrey Way 提供了一份关于为 Laravel Mix 构建插件的实用文档。查看它以获取有关利用 Laravel Mix 的想法!
要了解有关 Laravel Mix Alias 包的更多信息,请查看 GitHub 上的 MaximVanhove/laravel-mix-alias 和 NPM 包 laravel-mix-alias。