解決方案:
感謝 Karl 和 Ali,我現在可以使用alias'而無需創建單獨的webpack.config.js檔案。只需像alias這樣添加webpack.mix.js:
const mix = require('laravel-mix');
const path = require('path');
mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css')
.alias({'@': 'resources/'})
.webpackConfig({resolve: {alias: {'@': path.resolve('resources/')}}})
.vue();
題:
從這篇文章中,我了解到您可以配置@路徑webpack.mix.js以表示專案中的assets/resources檔案夾,vue/laravel以便您可以@在路徑中使用符號。
mix.webpackConfig({
resolve: {
alias: {
'@resources': path.resolve('resources'),
},
},
})
不幸的是,這會導致以下錯誤。
yarn run v1.22.17 $ mix watch [webpack-cli] ReferenceError: path is not defined at Object. (/Users/artur/PhpstormProjects/safa-ameedee.com/webpack.mix.js:16:21) 在 Object.Module._extensions 的 Module._compile (node:internal/modules/cjs/loader:1097:14)。 .js (node:internal/modules/cjs/loader:1149:10) 在 Module.load (node:internal/modules/cjs/loader:975:32) 在 Function.Module._load (node:internal/modules/cjs /loader:822:12) 在 Module.exports (/Users) 的 Module.require (node:internal/modules/cjs/loader:999:19) 的 require (node:internal/modules/cjs/helpers:102:18) /artur/PhpstormProjects/safa-ameedee.com/node_modules/laravel-mix/setup/webpack.config.js:11:5) 在 loadConfigByPath (/Users/artur/PhpstormProjects/safa-ameedee.com/node_modules/webpack-cli /lib/webpack-cli.js:1747:27) 在異步 Promise.all (index 0) 錯誤命令失敗,退出代碼為 2。
我嘗試了不同的變體(@assets等),但我總是得到同樣的錯誤。那么我做錯了什么?
uj5u.com熱心網友回復:
您沒有添加 path 包的顯式要求,但您應該這樣做。確保將以下內容添加到 webpack.config.js 檔案的頂部。
const path = require('path');
此外,您可能需要添加__dirname.
const path = require('path');
mix.webpackConfig({
resolve: {
alias: {
'@resources': path.resolve(__dirname, 'resources/')
}
}
});
uj5u.com熱心網友回復:
在你的 webpack.mix.js 中:
...
.alias({'@': 'resources/js'})
...
匯入別名 - Laracasts
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/432247.html
標籤:拉拉维尔 Vue.js 网页包 Vuejs3 laravel 混合
