আমি একটি নতুন vue.js প্রকল্প শুরু করছি তাই আমি একটি নতুন ওয়েবপ্যাক প্রকল্পটি (যেমন vue init webpack
) ভাসানোর জন্য ভ্যু-ক্লিপ সরঞ্জামটি ব্যবহার করেছি ।
আমি উত্পন্ন ফাইলগুলির মধ্য দিয়ে যাচ্ছিলাম তখন আমি src/router/index.js
ফাইলটিতে নিম্নলিখিত আমদানি লক্ষ্য করেছি :
import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello' // <- this one is what my qusestion is about
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'Hello',
component: Hello
}
]
})
আমি আগে কোনও চিহ্নটিতে ( @
) চিহ্নটি দেখিনি । আমি সন্দেহ করি এটি আপেক্ষিক পাথ (সম্ভবত?) এর জন্য অনুমতি দেয় তবে আমি নিশ্চিত হতে চেয়েছিলাম যে এটি সত্যিকার অর্থে কী করে তা আমি বুঝতে পেরেছি।
আমি অনলাইনে সন্ধানের চেষ্টা করেছি কিন্তু কোনও ব্যাখ্যা খুঁজে পাচ্ছিলাম না (সম্ভবত কারণ "সাইন ইন" অনুসন্ধান করা বা আক্ষরিক চরিত্রটি @
অনুসন্ধানের মানদণ্ড হিসাবে সহায়তা করে না)।
@
এই পথে কী করবেন (ডকুমেন্টেশনের লিঙ্কটি চমত্কার হবে) এবং এটি কোনও এস thing জিনিস? একটি ওয়েবপ্যাক জিনিস? একটি মান-লোডার জিনিস?
হালনাগাদ
এই একই প্রশ্ন সম্পর্কে আমাকে অন্য একটি সদৃশ স্ট্যাকওভারফ্লো প্রশ্ন / উত্তরের প্রতি ইঙ্গিত করার জন্য ফেলিক্স ক্লিংকে ধন্যবাদ জানাই।
যদিও অন্য স্ট্যাকওভারফ্লো পোস্টে মন্তব্য করা এই প্রশ্নের সঠিক উত্তর নয় (এটি আমার ক্ষেত্রে বাবেল প্লাগইন ছিল না) এটি কী ছিল তা সন্ধানের জন্য এটি আমাকে সঠিক দিক নির্দেশ করেছিল।
আপনার জন্য ভ্যু-ক্লিপ ক্র্যাঙ্ক করে দেয় এমন ভাস্কর্যটিতে, বেস ওয়েবপ্যাক কনফিগারেশনের কিছু অংশ .vue ফাইলগুলির জন্য একটি উপকরণ সেট করে:
এটি উভয় ক্ষেত্রেই উপলব্ধি করে যে এটি আপনাকে এসআরসি ফাইল থেকে একটি আপেক্ষিক পথ দেয় এবং এটি .vue
আমদানি পথের শেষে (যা আপনার সাধারণত প্রয়োজন) এর প্রয়োজনীয়তা সরিয়ে দেয় ।
সাহায্যের জন্য ধন্যবাদ!